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

Open in your IDE?
  1. {#
  2. # Project:      www.betten-abc.de
  3. # Company:      arboro GmbH
  4. # Created by:   Daniel Geike
  5. # Created on:   10.05.22
  6. # Description:
  7. #}
  9. {% sw_extends "@Storefront/storefront/page/product-detail/index.html.twig" %}
  11. {% block base_main_inner %}
  12.     {% block page_product_detail_breadcrumb %}
  13.         <div class="container breadcrumb-container">
  14.             {{ block("cms_breadcrumb", "@Storefront/storefront/page/content/index.html.twig") }}
  15.         </div>
  16.     {% endblock %}
  18.     <div class="container container-product-detail">
  19.         {{ block("base_main_container") }}
  20.     </div>
  21. {% endblock %}
  23. {% block page_product_detail_media %}
  24.     <div class="col-lg-7 product-detail-media">
  25.         {% if page.product.media %}
  26.             {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  27.                 'mediaItems': mediaItems,
  28.                 'zoom': true,
  29.                 'zoomModal': true,
  30.                 'displayMode': 'contain',
  31.                 'gutter': 5,
  32.                 'minHeight': '270px',
  33.                 'navigationArrows': 'inside',
  34.                 'navigationDots': 'inside',
  35.                 'galleryPosition': 'none',
  36.                 'isProduct': true,
  37.                 'fallbackImageTitle': page.product.translated.name,
  38.                 'startIndexThumbnails': page.product.cover.position + 1,
  39.                 'startIndexSlider': page.product.cover.position + 1,
  40.                 'keepAspectRatioOnZoom': false,
  41.                 'slideBy': 1,
  42.                 'responsive': {
  43.                     'minHeight': '430px',
  44.                 },
  45.                 'thumbnailSlider': {
  46.                     enabled: true,
  47.                     gutter: 20,
  48.                     rewind: true,
  49.                     axis: "horizontal",
  50.                     items: 4,
  51.                     slideBy: 1,
  52.                     controls: false,
  53.                     responsive: {
  54.                         "xs": {
  55.                             enabled: true,
  56.                             gutter: 6,
  57.                             rewind: true,
  58.                             axis: "horizontal",
  59.                             items: 3,
  60.                             controls: false
  61.                         },
  62.                         "sm": {
  63.                             enabled: true,
  64.                             gutter: 16,
  65.                             rewind: true,
  66.                             axis: "horizontal",
  67.                             items: 4,
  68.                             controls: false
  69.                         },
  70.                         "md": {
  71.                             gutter: 16,
  72.                             rewind: true,
  73.                             axis: "horizontal",
  74.                             items: 4,
  75.                             controls: false
  76.                         },
  77.                         "lg": {
  78.                             gutter: 20,
  79.                             rewind: true,
  80.                             axis: "horizontal",
  81.                             items: 4,
  82.                             controls: false
  83.                         },
  84.                         "xl": {
  85.                             gutter: 20,
  86.                             rewind: true,
  87.                             axis: "horizontal",
  88.                             items: 4,
  89.                             controls: false
  90.                         }
  91.                     }
  92.                 }
  93.             } %}
  94.         {% endif %}
  95.     </div>
  96. {% endblock %}