custom/plugins/AtmosTheme/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 page_product_detail_media %}
  4.     <div class="col-lg-7 col-xl-8 product-detail-info">
  5.         <div class="product-detail-inner">
  6.             <div class="product-detail-media product-element">
  7.                 {% if page.product.media %}
  8.                     {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  9.                         'mediaItems': mediaItems,
  10.                         'zoom': false,
  11.                         'zoomModal': true,
  12.                         'displayMode': 'contain',
  13.                         'gutter': 5,
  14.                         'minHeight': '430px',
  15.                         'navigationArrows': 'inside',
  16.                         'navigationDots': 'inside',
  17.                         'galleryPosition': 'left',
  18.                         'isProduct': true,
  19.                         'fallbackImageTitle': page.product.translated.name,
  20.                         'startIndexThumbnails': 1,
  21.                         'startIndexSlider': 1,
  22.                         'keepAspectRatioOnZoom': false
  23.                     } %}
  24.                 {% endif %}
  25.             </div>
  26.             <div class="product-detail-tabs">
  27.                 {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}    
  28.             </div>                        
  29.             
  30.             {% if page.product.extensions.zeobvBundleProducts.salesChannelProducts %}
  31.                 <div class="product-detail-tabs d-none d-lg-block">
  32.                     <div class="tab-bundle tab-pane fade show active" id="bundle-tab-pane" role="tabpanel" aria-labelledby="bundle-tab">    
  33.                         {{ block("utilities_offcanvas_close","@Storefront/storefront/utilities/offcanvas.html.twig") }}
  34.                         <div class="offcanvas-content-container">
  35.                             <div class="tab-pane-container">
  36.                                 {% set vars = {
  37.                                     products: page.product.extensions.zeobvBundleProducts.salesChannelProducts,
  38.                                     showPrices: page.product.customFields.zeobvBundleProductsShowItemPricesOnStorefront,
  39.                                     showTotalPrice: page.product.customFields.zeobvBundleProductsShowItemsTotalPriceOnStorefront
  40.                                 } %}
  42.                                 {% sw_include '@ZeobvBundleProducts/zeobv-bundle-products/components/bundle-product-info.html.twig' ignore missing with vars %}                    
  43.                             </div> 
  44.                         </div>           
  45.                     </div>
  46.                 </div>
  47.             {% endif %}                
  49.         </div>
  50.     </div>
  51. {% endblock %}
  53. {% block page_product_detail_buy %}
  54.     <div class="col-lg-5 col-xl-4 product-detail-buy">
  55.         {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  56.     </div>
  57. {% endblock %}
  60. {% block page_product_detail_tabs %}
  61. {% endblock %}
  63. {% block page_product_detail_cross_selling %}
  64. {% endblock %}
  66. {% block base_main_inner %}
  67.     {{ parent() }}
  69.     {% if page.extensions.maxiaVariantsTable is defined and page.extensions.maxiaVariantsTable is not null %}
  70.         {% set variantsTable = page.extensions.maxiaVariantsTable %}
  71.         {% if variantsTable and variantsTable.config.position == 'under_description' %}
  72.             <div class="product-variant-table-container">
  73.                 <div class="container">
  74.                     <h2>{{ page.extensions.maxiaVariantsTable.searchResult.total }} Artikel-Varianten</h2>                
  75.                     {% sw_include '@Storefront/storefront/plugins/maxia_variants_table/table.html.twig' ignore missing %}                
  76.                 </div>
  77.             </div>
  78.         {% endif %}        
  79.     {% endif %}
  81.     {% sw_include '@Storefront/storefront/page/product-detail/cross-selling-categories.html.twig' %}
  82.     
  83.     {% if page.crossSellings.elements is defined and page.crossSellings.elements|filter(item => item.total > 0)|length > 0 %}
  84.         <div class="container">
  85.             <div class="product-detail-tabs product-detail-cross-selling">
  86.                 {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
  87.                     crossSellings: page.crossSellings
  88.                 } %}
  89.             </div>
  90.         </div>
  91.     {% endif %}
  92. {% endblock %}