custom/plugins/AlexMax/src/Resources/views/storefront/page/product-detail/index.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
  3. {% block base_body_script %}
  5.   {{parent()}}
  8.     <div data-facebook-pixel="true">
  9.       <script>
  11.         fbq('track', 'ViewContent', {
  12.           'content_ids': ['{{ page.product.productNumber|escape("js") }}'],
  13.           'content_type': 'product',
  14.           'value': '{{ page.product.calculatedPrice.unitPrice|escape("js") }}',
  15.           'currency': '{{ page.header.activeCurrency.isoCode }}'
  16.         }, {'event_id': {{page.extensions.SerkizFacebookPixel6Pro.eventIds["ViewContent"]|json_encode|raw}}});
  19.       </script>
  21.     </div>
  23. {% endblock %}
  25. {% block page_product_detail_headline %}
  26. {% endblock %}
  27.  {% block page_product_detail_main %}
  28. <div class="row product-detail-main align-items-start">
  29. {% block page_product_detail_media %}
  30.     <div class="col-lg-8 product-detail-media">
  31.         {% if page.product.media %}
  32.             {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  33.                 'mediaItems': mediaItems,
  34.                 'zoom': true,
  35.                 'zoomModal': true,
  36.                 'displayMode': 'contain',
  37.                 'gutter': 5,
  38.                 'minHeight': '700px',
  39.                 'navigationArrows': 'inside',
  40.                 'navigationDots': 'none',
  41.                 'galleryPosition': 'left',
  42.                 'isProduct': true,
  43.                 'fallbackImageTitle': page.product.translated.name,
  44.                 'startIndexThumbnails': page.product.cover.position + 1,
  45.                 'startIndexSlider': page.product.cover.position + 1
  46.             } %}
  47.         {% endif %}
  48.     </div>
  49. {% endblock %}
  51. {% block page_product_detail_buy %}
  52.     <div class="col-lg-4 product-detail-buy sticky-top pt-2">
  53.         <div class="row align-items-center product-detail-headline">
  54.             {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  55.         </div>
  56.         {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  57.         <div class="acris-supplies-upselling"
  58.              data-acris-supplies-upselling="true"
  59.              data-acris-supplies-upselling-options='{
  60.                                         "priceCurrency": "{{ context.currency.getShortName() }}",
  61.                                          "language": "{{ page.metaInformation.xmlLang }}",
  62.                                          "asynchronousLoading": "{{ config('AcrisSuppliesUpsellingCS.config').enableAsynchronousLoading }}",
  63.                                          "productId": "{{ page.product.id }}",
  64.                                          "urlAbove": "{{ path('widgets.cross.selling.asynchronous.loading',  {'productId': page.product.id, 'display': 'acrisAbove'}) }}",
  65.                                          "urlBelow": "{{ path('widgets.cross.selling.asynchronous.loading',  {'productId': page.product.id, 'display': 'acrisStandard'}) }}"
  66.                                          }'>
  67.         </div>
  68.     </div>
  69. {% endblock %}
  70. </div>
  71. {% endblock %}
  72. {% block page_product_detail_cross_selling %}
  73.     {% block page_product_detail_acris_supplies_upselling %}
  74.         <div class="acris-supplies-upselling">
  75.             {% block page_product_detail_acris_supplies_upselling_cross_selling %}
  76.                 <div class="acris-product-detail-cross-selling">
  77.                     {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
  78.                         crossSellings: page.crossSellings,
  79.                         globalCrossSellings: page.product.extensions.acrisCrossSellingGlobal['crossSellings'],
  80.                         display: "acrisStandard"
  81.                     } %}
  82.                 </div>
  83.             {% endblock %}
  84.         </div>
  85.     {% endblock %}
  86. {% endblock %}