custom/plugins/DmfManuTheme/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' %}
  2. {% block base_flashbags %}
  3.     {{ parent() }}
  4. {% endblock %}
  5. {% block base_main_inner %}
  6.     {% block base_main_container %}
  7.         {{ parent() }}
  8.     {% endblock %}
  9. {% endblock %}
  10. {% block page_product_detail_content %}
  11.     {% set column = page.product.translated.customFields.product_detail_column %}
  12.     {% set shortDescription = page.product.translated.customFields.product_short_description %}
  13.     {% if column is null %}
  14.         {% set column = "2" %}
  15.     {% endif %}
  16.     <div class="product-detail-content">
  17.         <div class="container">
  18.             {% block page_product_detail_headline %}
  19.                 {% if theme_config('dmf-detail-headline-position') == 'top' %}
  20.                     <div class="row align-items-center product-detail-headline">
  21.                         {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  22.                     </div>
  23.                 {% endif %}
  24.             {% endblock %}
  25.             {% set mediaItems = page.product.media.media %}
  26.             {% block page_product_detail_main %}
  27.                 <div class="row product-detail-main">
  28.                     {% block page_product_detail_media %}
  29.                         <div class="{% if column == 3 %}col-lg-4{% else %}col-lg-7{% endif %} product-detail-media">
  30.                             {% if page.product.media %}
  31.                                 {% if column == 3 %}
  32.                                     {% set zoomConfig = true %}
  33.                                 {% else %}
  34.                                     {% set zoomConfig = false %}
  35.                                 {% endif %}
  36.                                 {% if theme_config('dmf-detail-media-thumbnails-position') == 'bottom' %}
  37.                                     {% set galleryPositionConfig = 'underneath' %}
  38.                                 {% else %}
  39.                                     {% set galleryPositionConfig = 'left' %}
  40.                                 {% endif %}
  41.                                 {% if theme_config('dmf-detail-media-thumbnails-enable') == 0 %}
  42.                                     {% set thumbnailsConfig = false %}
  43.                                 {% else %}
  44.                                     {% set thumbnailsConfig = true %}
  45.                                 {% endif %}
  46.                                 {% if theme_config('dmf-detail-media-navigation-enable') == 0 %}
  47.                                     {% set navigationArrowsConfig = false %}
  48.                                 {% else %}
  49.                                     {% set navigationArrowsConfig = 'inside' %}
  50.                                 {% endif %}
  51.                                 {% if theme_config('dmf-detail-media-paging-enable') == 0 %}
  52.                                     {% set navigationDotsConfig = false %}
  53.                                 {% else %}
  54.                                     {% set navigationDotsConfig = 'inside' %}
  55.                                 {% endif %}
  56.                                 {% if column == 3 %}
  57.                                     {% set minHeightConfig = '420px' %}
  58.                                 {% else %}
  59.                                     {% set minHeightConfig = '500px' %}
  60.                                 {% endif %}
  61.                                 {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  62.                                     'mediaItems': mediaItems,
  63.                                     'zoom': zoomConfig,
  64.                                     'zoomModal': true,
  65.                                     'displayMode': 'contain',
  66.                                     'gutter': 5,
  67.                                     'minHeight': minHeightConfig,
  68.                                     'navigationArrows': navigationArrowsConfig,
  69.                                     'navigationDots': navigationDotsConfig,
  70.                                     'galleryPosition': galleryPositionConfig,
  71.                                     'isProduct': true,
  72.                                     'thumbnails': thumbnailsConfig,
  73.                                     'fallbackImageTitle': page.product.translated.name,
  74.                                     'startIndexThumbnails': page.product.cover.position + 1,
  75.                                     'startIndexSlider': page.product.cover.position + 1
  76.                                 } %}
  77.                             {% endif %}
  78.                         </div>
  79.                     {% endblock %}
  80.                     {% block page_product_detail_buy %}
  81.                         {% if column == 3 %}
  82.                             <div class="col-lg-4 js-magnifier-zoom-image-container product-detail-mid">
  83.                                 <div class="product-detail-mid-inner">
  84.                                     {% if theme_config('dmf-detail-headline-position') == 'buybox' %}
  85.                                         {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  86.                                     {% endif %}
  87.                                     {% if shortDescription and theme_config('dmf-detail-show-short-description') == 'true' %}
  88.                                         {% sw_include '@Storefront/storefront/page/product-detail/short-description.html.twig' with {
  89.                                             shortDescription: page.product.translated.customFields.product_short_description
  90.                                         } only %}
  91.                                     {% endif %}
  92.                                     {% if theme_config('dmf-detail-buybox-reviews') == 'true' %}
  93.                                         {% sw_include '@Storefront/storefront/page/product-detail/reviews.html.twig' %}
  94.                                     {% endif %}
  95.                                     <div class="product-detail-delivery-information">
  96.                                         {% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %}
  97.                                     </div>
  98.                                     {% if page.product.productNumber %}
  99.                                         <div class="product-detail-ordernumber-container">
  100.                                             {% block page_product_detail_ordernumber_label %}
  101.                                                 <span class="product-detail-ordernumber-label">
  102.                                                 {{ "detail.productNumberLabel"|trans|sw_sanitize }}
  103.                                             </span>
  104.                                             {% endblock %}
  105.                                             {% block page_product_detail_ordernumber %}
  106.                                                 <meta itemprop="productID"
  107.                                                       content="{{ page.product.id }}"/>
  108.                                                 <span class="product-detail-ordernumber"
  109.                                                       itemprop="sku">
  110.                                                 {{ page.product.productNumber }}
  111.                                             </span>
  112.                                             {% endblock %}
  113.                                         </div>
  114.                                     {% endif %}
  115.                                 </div>
  116.                             </div>
  117.                         {% endif %}
  118.                         <div class="{% if column == 3 %}col-lg-4{% else %}col-lg-5{% endif %} product-detail-buy">
  119.                             <div class="product-detail-buy-inner">
  120.                                 {% if column == 2 %}
  121.                                     {% block page_product_detail_buy_headline %}
  122.                                         {% if theme_config('dmf-detail-headline-position') == 'buybox' %}
  123.                                             {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  124.                                         {% endif %}
  125.                                     {% endblock %}
  126.                                     {% block page_product_detail_buy_short_description %}
  127.                                         {% if shortDescription and theme_config('dmf-detail-show-short-description') == 'true' %}
  128.                                             {% sw_include '@Storefront/storefront/page/product-detail/short-description.html.twig' with {
  129.                                                 shortDescription: page.product.translated.customFields.product_short_description
  130.                                             } only %}
  131.                                         {% endif %}
  132.                                     {% endblock %}
  133.                                 {% endif %}
  134.                                 {% block page_product_detail_buy_widget %}
  135.                                     {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  136.                                 {% endblock %}
  137.                             </div>
  138.                         </div>
  139.                     {% endblock %}
  140.                 </div>
  141.             {% endblock %}
  142.         </div>
  143.     </div>
  144. {% endblock %}
  145. {% block page_product_detail_tabs %}
  146.     <div class="product-detail-tabs jumbotron bg-light">
  147.         <div class="container">
  148.             {% if theme_config('dmf-detail-tabs') == 'accordion' %}
  149.                 {% sw_include '@Storefront/storefront/page/product-detail/accordion.html.twig' %}
  150.             {% elseif theme_config('dmf-detail-tabs') == 'anchor' %}
  151.                 {% sw_include '@Storefront/storefront/page/product-detail/anchor.html.twig' %}
  152.             {% else %}
  153.                 {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  154.             {% endif %}
  155.         </div>
  156.     </div>
  157. {% endblock %}
  158. {% block page_product_detail_cross_selling %}
  159.     {% if page.crossSellings %}
  160.         <div class="product-detail-tabs product-detail-cross-selling">
  161.             <div class="container">
  162.                 {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
  163.                     crossSellings: page.crossSellings
  164.                 } only %}
  165.             </div>
  166.         </div>
  167.     {% endif %}
  168. {% endblock %}
  169. {% block page_product_detail_buy_inner %}
  170.     {{ parent() }}
  171. {% endblock %}