themes/webapicTheme/templates/site_page_cms_show.html.twig line 1

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  3. {# {% block title %}
  4.     {{ sitePageCms.title }}
  5.     |
  6.     {{ parent() }}
  7. {% endblock %} #}
  9. {% block title %}{{ sitePageCms.metaTitle }} - {{ parent() }}{% endblock %}
  11. {% block metatags %}
  12.     {{ parent() }}
  13.     <meta name="description" content="{{ sitePageCms.metaDescription|raw }}" />
  14. {% endblock %}
  16. {% block container_css_classes %}
  17.     {% apply spaceless %}
  18.     bitbag_sylius_cms_plugin_shop_page_show
  19.     {% endapply %}
  20. {% endblock %}
  23. {% block content %}
  27.     {% set page = sitePageCms %}
  30.     {% if page.typecms == 8 or page.typecms is null  or page.typecms == '' %}
  31.         {% if sitePageCms.imagesByType('image_page_cms_header')|length > 0 %}
  32.             <div class="page-content simple-page-cms-header" style="background-image: url({{ sitePageCms.imagesByType('image_page_cms_header').first.path|imagine_filter('sylius_shop_product_original') }})">
  33.         {% else %}
  34.             <div class="page-content simple-page-cms-header" style="background-image: url('/webapic-theme/images/asupprimer/page-bg-content-full.png')">
  35.         {% endif %}
  36.             {# Fil d'ariane #}
  37.             {# {{ wo_render_breadcrumbs() }} #}
  39.             <h1>{{ sitePageCms.title }}</h1>
  40.         </div>
  42.         <div class="simple-page-cms-content">
  43.             {{ sitePageCms.content|raw }}
  44.         </div>
  46.         {% if sitePageCms.id == 25 %}
  48.             <div id="skpLS_list"></div>
  50.             <script>
  51.                 (function () {
  52.                 var spck = {
  53.                     storeId: "8404091", 
  54.                     customColor: '#000000', 
  55.                     containerId: 'skpLS_list', 
  56.                     displayType: 'all', 
  57.                     staging: true,  // false in production environment | true in staging environment
  58.                     keywords: [],
  59.                     refreshOnClose: true,
  60.                     transactionType: 'addToCart',
  61.                     closeIframeOnCloseSP: false,
  62.                 };
  63.                 console.log(document);
  64.                 var el = document.createElement('script');
  65.                 el.setAttribute('src', 'https://party.spockee.io/builder/' + spck.storeId);
  66.                 el.setAttribute('data-spck', JSON.stringify(spck));
  67.                 document.body.appendChild(el);
  69.                 // Documentation :
  70.                 // English : http://wiki.spockee.com/en/Shopping-Party/Integrate-player
  71.                 })();
  73.                 window.addEventListener('skp:addToCart', (event) => {
  74.                     const { origin, product } = event.detail
  75.                      //console.log('origin', origin);
  76.                      //console.log('product', product);
  78.                     data = {};
  79.                     data[product.id] = 1;
  80.                     console.log(data);
  81.                     $.post('/cart/ajax/add-to-cart', data, function (res) {
  82.                         // console.log(res);
  83.                         $('.pagepanier .produits-ctn').html(res.produits);
  84.                         $('.pagepanier-totals .total-ctn').html(res.total);
  85.                         $('.pagepanier-livraison').html(res.livraison);
  86.                         if(res.widgettop){
  87.                             $('.sylius-cart-button-ctn').html(res.widgettop);
  88.                         }
  89.                     
  90.     
  91.                         // // Laisse la popup ouverte
  92.                         // $('.panier').addClass('active');
  93.                         // $('.panier').show(0);
  94.                         // location.reload(); 
  95.                     });
  96.                      // addProductToCustomerCart(product);  // Trigger your add to cart functionality with your own implementation
  98.                      //sendTrackingToYourPlatform(origin, product);  // Send tracking informations to your platform
  99.                 })
  100.             </script>
  102.         {% endif %}
  104.      {% else %}
  105.         {% if page.typecms == 4 %}
  106.             {% set typecms = 1 %}
  107.         {% else %}
  108.             {% set typecms = page.typecms %}
  109.         {% endif %}
  110.            <div class="page-content typecms{{ typecms }}" {% if typecms != 3 %}style="background-image: url('{{ asset('webapic-theme/images/asupprimer/page-bg-content-full.png') }}')"  {% endif %}>
  111.                        
  113.             {# <div class="ui breadcrumb">
  114.                 {% if is_mobile() %}   
  116.                     <a class="section" href="{{ path('sylius_shop_homepage') }}">
  117.                         <img src="{{ asset('webapic-theme/images/mobile-breacrumb-arrowleft.png') }}" class="ui image" />
  118.                         Accueil
  119.                     </a>
  120.                 
  121.                 {% else %}
  122.                     
  123.                         <a href="{{ path('sylius_shop_homepage') }}" class="section">{{ 'sylius.ui.home'|trans }}</a>
  124.                         <div class="divider"> /</div>
  125.                         <div class="active section">{{ page.title }}</div>
  126.                     
  127.                 {% endif %}
  128.             </div> #}
  129.             
  130.     
  131.             <div class="page-content-ctn">
  133.                 {% if typecms == 2  %}
  134.                     <div class="page-content-left">
  136.                         <img src="{{ asset('webapic-theme/images/asupprimer/page-bg-content-left2.svg') }}" class="ui image" />
  138.                     </div>
  139.                 {% endif %}
  141.                 <div class="page-content-middle">
  143.                     <h1 class="bitbag-page-name">{{ page.title }}</h1>   
  144.                     
  145.                     {# {% if page.typecms != 4 %} #}
  146.                     
  147.                         {# <h2>{{ page.title }}</h2>                         #}
  149.                         <div class="bitbag-page-content">
  150.                             {# {{ bitbag_cms_render_content(page) }} #}
  151.                             {{ sitePageCms.content|raw }}
  152.                         </div>
  154.                     {# {% endif %} #}
  156.                 </div>
  158.                 {% if page.typecms == 2 %}
  159.                     <div class="page-content-right">
  160.                         
  161.                             {% if page.id == 22 %}
  162.                             <div id="circle">
  163.                                                             {#
  164.                                 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
  165.                                     <defs>
  166.                                         <path id="circlePath" d=" M 150, 150 m -60, 0 a 60,60 0 0,1 120,0 a 60,60 0 0,1 -120,0 "/>
  167.                                     </defs>
  168.                                     <circle cx="150" cy="100" r="75" fill="none"/>
  169.                                     <g>
  170.                                         <use xlink:href="#circlePath" fill="none"/>
  171.                                         <text fill="#fff">
  172.                                             <textPath xlink:href="#circlePath">
  173.                                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ page.name }}
  174.                                             </textPath>
  175.                                         </text>
  176.                                     </g>
  177.                                 </svg>
  178.                                                                     #}
  179.                                 <img src="{{ asset('webapic-theme/images/txt-tournant-personnalite.svg') }}" class="ui image" /> 
  180.                             </div>  
  181.                         {% endif %}
  182.                     </div>
  183.                 {% endif %}
  184.                 
  186.                 {# <div class="ui grid center aligned">
  187.                     <div class="eight wide column">
  188.                         {% if page.image %}
  189.                             <img class="page-image ui fluid image" src="{{ page.image.path }}" alt="">
  190.                         {% endif %}
  191.                     </div>
  192.                 </div> #}
  193.             
  194.                 
  195.                 {# <div class="bitbag-page-sections">
  196.                     {% include '@BitBagSyliusCmsPlugin/Shop/Page/Show/_sections.html.twig' %}
  197.                 </div> #}
  198.             </div>
  200.             
  202.         </div>
  204.          {{ render(path('bitbag_sylius_cms_plugin_shop_block_index_by_section_code', {'sectionCode' : page.codesection, 'template' : '@BitBagSyliusCmsPlugin/Shop/Block/index.html.twig'})) }}
  206.     {% endif %}
  209. {% endblock %}