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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
  4. {% block base_content %}
  6.     <div class="cms-section-sidebar cms-section-sidebar-mobile-hidden full-width row">
  8.         {# orig:
  9.         <div class="cms-section-sidebar-sidebar-content col-md-3 col-lg-2 col-xl-2">
  10.             <div class="cms-element-{{ element.type }}">
  11.                 {% set navigationResult1 = page.header.navigation.tree %}
  12.                 {% set activeResult1 = page.header.navigation.active %}
  13.                 <div class="category-navigation-box">
  14.                     {% sw_include '@Storefront/storefront/layout/sidebar/category-navigation.html.twig' with {
  15.                         navigationTree: page.header.navigation.tree,
  16.                         activeResult: page.header.navigation.active
  17.                     } only %}
  18.                 </div>
  19.             </div>
  20.         </div>
  21.         #}
  23.         {% sw_include '@Storefront/storefront/layout/sidebar/overlay-categories.html.twig' %}
  26.         {% block page_product_detail %}
  28.             {# Albert: breadcrumb uit product-detail-content gehaald, zodat hij centreert t.o.v. de pagina #}
  29.             <div class="cms-section-sidebar-main-content col-12">
  30.                 {% block page_product_detail_breadcrumb_ideabooks %}
  31.                     {% deprecated '@deprecated tag:v6.4.0 - Breadcrumb will be handled by "base_breadcrumb" in "storefront/base.html.twig"' %}
  32.                     <div class="breadcrumb product-breadcrumb container">
  33.                         {# @deprecated tag:v6.4.0 parameter `navigationTree`, `categoryTree` and `product` will be removed #}
  34.                         {% sw_include '@Storefront/storefront/component/product/breadcrumb.html.twig' with {
  35.                             context: context,
  36.                             category: page.product.seoCategory,
  37.                             navigationTree: page.header.navigation.tree,
  38.                             categoryTree: page.product.categoryTree|last,
  39.                             product: page.product
  40.                         } only %}
  41.                     </div>
  42.                 {% endblock %}
  43.             </div>
  45.             <div class="cms-section-sidebar-main-content col-12">
  46.                 {# row toegevoegd om bootstrap cols te laten werken #}
  47.                 <div class="product-detail row"
  48.                      itemscope
  49.                      itemtype="https://schema.org/Product">
  50.                     {% block page_product_detail_inner %}
  51.                         {% block page_product_detail_content %}
  52.                             <div class="product-detail-content col-sm-12 col-md-7 col-lg-9 offset-md-1">{# extra linkermarge op md en lg met offset-md-1 #}
  53.                                 {% block page_product_detail_breadcrumb %}
  54.                                     {# Albert: breadcrumb uit product-detail-content gehaald, zodat hij centreert t.o.v. de pagina #}
  55.                                     {# {{ parent() }} #}
  56.                                 {% endblock %}
  57.                                 {% block page_product_detail_headline %}
  58.                                     {{ parent() }}
  59.                                 {% endblock %}
  61.                                 {% set mediaItems = page.product.media.media %}
  63.                                 {% block page_product_detail_main %}
  64.                                     <div class="row product-detail-main">
  65.                                         {% block page_product_detail_media %}
  66.                                             <div class="col-lg-11 product-detail-media">
  67.                                                 {% if page.product.media %}
  68.                                                     {# Albert: zoom uit #}
  69.                                                     {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  70.                                                         'mediaItems': mediaItems,
  71.                                                         'zoom': false,
  72.                                                         'zoomModal': true,
  73.                                                         'displayMode': 'contain',
  74.                                                         'gutter': 5,
  75.                                                         'minHeight': '430px',
  76.                                                         'navigationArrows': 'inside',
  77.                                                         'navigationDots': 'inside',
  78.                                                         'galleryPosition': 'left',
  79.                                                         'isProduct': true,
  80.                                                         'fallbackImageTitle': page.product.translated.name,
  81.                                                         'startIndexThumbnails': page.product.cover.position + 1,
  82.                                                         'startIndexSlider': page.product.cover.position + 1
  83.                                                     } %}
  84.                                                 {% endif %}
  85.                                             </div>
  86.                                         {% endblock %}
  87.                                     </div>
  88.                                     <div class="row product-detail-main">
  89.                                         {% block page_product_detail_buy %}
  90.                                             <div class="col-lg-11 product-detail-buy">
  91.                                                 {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  92.                                             </div>
  93.                                         {% endblock %}
  94.                                     </div>
  95.                                 {% endblock %}
  96.                             </div>
  97.                         {% endblock %}
  99.                         {% block page_product_detail_tabs %}
  100.                             {#
  101.                             <div class="product-detail-tabs">
  102.                                 {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  103.                             </div>
  104.                             #}
  105.                         {% endblock %}
  107.                         {% block page_product_detail_cross_selling %}
  108.                             <div class="product-detail-tabs product-detail-cross-selling col-sm-12 col-md-4 col-lg-2">
  109.                                 {{ parent() }}
  110.                             </div>
  111.                         {% endblock %}
  112.                     {% endblock %}
  113.                 </div>
  115.             </div>
  116.         {% endblock %}
  118.     </div>
  119. {% endblock %}