custom/plugins/WabsIgmTheme/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. {# hide breadcrumbs on product page #}
  4. {% block page_product_detail_breadcrumb %}
  5. {% endblock %}
  8. {% block page_product_detail_inner %}
  9.     {{ block('page_product_detail_content') }}
  10.     <div class="row">
  12.         <div class="col-12 col-lg-6 mb-2">
  13.             {{ block('page_product_detail_tabs') }}
  14.         </div>
  15.         <div class="col-12 col-lg-6">
  16.             {{ block('page_product_detail_cross_selling') }}
  17.         </div>
  18.     </div>
  19. {% endblock %}
  21. {% block page_product_detail_media %}
  22.     <div class="col-lg-6 product-detail-media">
  23.         {% if page.product.media %}
  24.             {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  25.                 'mediaItems': mediaItems,
  26.                 'zoom': true,
  27.                 'zoomModal': true,
  28.                 'displayMode': 'contain',
  29.                 'gutter': 5,
  30.                 'minHeight': '430px',
  31.                 'navigationArrows': 'inside',
  32.                 'navigationDots': 'inside',
  33.                 'galleryPosition': 'left',
  34.                 'isProduct': true,
  35.                 'fallbackImageTitle': page.product.translated.name,
  36.                 'startIndexThumbnails': page.product.cover.position + 1,
  37.                 'startIndexSlider': page.product.cover.position + 1
  38.                 } %}
  39.         {% endif %}
  40.     </div>
  41. {% endblock %}
  43. {% block page_product_detail_buy %}
  44.     <div class="col-lg-4 product-detail-buy">
  45.         {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  46.     </div>
  47. {% endblock %}