custom/plugins/TdsOrlob/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 %}
  4.     <div class="product-detail{% if page.product.customFields.custom_article_new_design %} new-design{% endif %}"
  5.             itemscope
  6.             itemtype="https://schema.org/Product">
  7.         {% block page_product_detail_inner %}
  8.             {% block page_product_detail_content %}
  9.                 <div class="product-detail-content">
  10.                     {% if not page.product.customFields.custom_article_new_design %}
  11.                         {% block page_product_detail_headline %}
  12.                             <div class="row align-items-center product-detail-headline">
  13.                                 {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  14.                             </div>
  15.                         {% endblock %}
  16.                     {% endif %}
  18.                     {% set mediaItems = page.product.media.media %}
  20.                     {% block page_product_detail_main %}
  21.                         <div class="row product-detail-main">
  22.                             {% block page_product_detail_media %}
  23.                                 <div class="col-lg-8 product-detail-media">
  24.                                     {% if page.product.media %}
  25.                                         {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  26.                                             'mediaItems': mediaItems,
  27.                                             'zoom': true,
  28.                                             'zoomModal': true,
  29.                                             'displayMode': 'contain',
  30.                                             'gutter': 5,
  31.                                             'minHeight': '430px',
  32.                                             'navigationArrows': 'inside',
  33.                                             'navigationDots': 'inside',
  34.                                             'galleryPosition': 'left',
  35.                                             'isProduct': true,
  36.                                             'fallbackImageTitle': page.product.translated.name,
  37.                                             'startIndexThumbnails': page.product.cover.position + 1,
  38.                                             'startIndexSlider': page.product.cover.position + 1
  39.                                         } %}
  40.                                     {% endif %}
  42.                                     {% if page.product.categoryTree and shopware.config.TdsOrlob.config.salesCategoryId
  43.                                         and shopware.config.TdsOrlob.config.salesCategoryId in page.product.categoryTree %}
  44.                                         <div class="sales-badge">
  45.                                             <img src="{{ asset('assets/sales-badge.png', '@TdsOrlob') }}" alt="Sale" class="sales-badge-icon"/>
  46.                                         </div>
  47.                                     {% endif %}
  49.                                     {% if page.product.categoryTree and shopware.config.TdsOrlob.config.newCategoryId
  50.                                         and shopware.config.TdsOrlob.config.newCategoryId in page.product.categoryTree %}
  51.                                         <div class="new-badge">
  52.                                             <img src="{{ asset('assets/new-badge.png', '@TdsOrlob') }}" alt="New" class="new-badge-icon"/>
  53.                                         </div>
  54.                                     {% endif %}
  55.                                 </div>
  56.                             {% endblock %}
  58.                             {% block page_product_detail_buy %}
  59.                                 <div class="col-lg-4 product-detail-buy">
  60.                                     {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  61.                                 </div>
  62.                             {% endblock %}
  63.                         </div>
  64.                     {% endblock %}
  65.                 </div>
  66.             {% endblock %}
  68.             {% if not page.product.customFields.custom_article_new_design %}
  69.                 {% block page_product_detail_tabs %}
  70.                     <div class="product-detail-tabs">
  71.                         {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  72.                     </div>
  73.                 {% endblock %}
  74.             {% endif %}
  76.             {% block page_product_detail_cross_selling %}
  77.                 {% if page.crossSellings.elements is defined and page.crossSellings.elements|filter(item => item.total > 0)|length > 0 %}
  78.                     <div style="{% if page.product.customFields.custom_article_color %}background-color: {{ page.product.customFields.custom_article_color }}B3;{% endif %}" 
  79.                          class="product-detail-tabs product-detail-cross-selling{% if page.product.customFields.custom_article_new_design %} new-design{% endif %}">
  80.                         <div class="container">
  81.                             {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
  82.                                 crossSellings: page.crossSellings
  83.                             } %}
  84.                         </div>
  85.                     </div>
  86.                 {% endif %}
  87.             {% endblock %}
  88.         {% endblock %}
  89.     </div>
  90. {% endblock %}
  92.