custom/plugins/MadBodymedTheme/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 base_main %}
  4.     {% set categoryColor = "" %}
  6.     {% for item in page.header.navigation.tree %}
  7.         {% if item.category.uniqueIdentifier in page.product.categoryTree and item.category.uniqueIdentifier != 'a7c5001cdb8d4ad99479e16ce2f1b97b' and item.category.childCount == 0 %}
  8.             {% set categoryColor = item.category.translated.customFields.custom_category_info_color %}
  9.         {% endif %}
  11.         {# is in subcategory #}
  12.         {% if item.category.childCount > 0 %}
  13.             {% set child = item.children %}
  14.             {% for item in child %}
  15.                 {% if item.category.uniqueIdentifier in page.product.categoryTree and item.category.uniqueIdentifier != 'a7c5001cdb8d4ad99479e16ce2f1b97b' %}
  16.                     {% set categoryColor = item.category.translated.customFields.custom_category_info_color %}
  17.                 {% endif %}
  18.             {% endfor %}
  19.         {% endif %}
  20.     {% endfor %}
  22.     <div class="product-detail-hero-banner" style="--category-color: {{ categoryColor }};"></div>
  24.     {{ parent() }}
  26.     <div class="modal fade pricelist-modal"
  27.          id="pricelistModal"
  28.          tabindex="-1"
  29.          role="dialog">
  30.         <div class="modal-dialog modal-lg modal-dialog-scrollable modal-dialog-centered"
  31.              role="document">
  32.             <div class="modal-content">
  33.                 <div class="modal-header">
  34.                     <div class="modal-title h5">
  35.                         Preisliste
  36.                     </div>
  37.                     <button type="button"
  38.                             class="modal-close close"
  39.                             data-dismiss="modal"
  40.                             aria-label="Close">
  41.                         <span aria-hidden="true">
  42.                             {% sw_icon 'x' style { 'size': 'sm' } %}
  43.                         </span>
  44.                     </button>
  45.                 </div>
  47.                 <div class="modal-body">
  48.                     {% for price in page.product.calculatedPrices %}
  49.                         <div class="product-block-prices-row"
  50.                              itemprop="offers" itemscope
  51.                              data-quantity="{{ price.quantity }}"
  52.                              itemtype="https://schema.org/Offer">
  54.                             <div class="product-block-prices-cell product-block-prices-cell-thin">
  55.                                 <meta itemprop="priceCurrency" content="{{ page.header.activeCurrency.translated.shortName }}" />
  56.                                 <meta itemprop="price" content="{{ price.unitPrice }}" />
  57.                                 <link itemprop="availability" href="https://schema.org/InStock" />
  59.                                 {% if loop.last %}
  60.                                     <span class="product-block-prices-quantity"> {{ "detail.priceDataInfoFrom"|trans|sw_sanitize }} {{ price.quantity }} {{ "detail.bodymed.quantity"|trans|sw_sanitize }}</span>
  61.                                 {% else %}
  62.                                     <span class="product-block-prices-quantity">{{ "detail.priceDataInfoUntil"|trans|sw_sanitize }} {{ price.quantity }} {{ "detail.bodymed.quantity"|trans|sw_sanitize }}</span>
  63.                                 {% endif %}
  64.                             </div>
  66.                             <div class="product-block-prices-cell">
  67.                                 {% sw_include '@Storefront/storefront/component/product/block-price.html.twig' with {
  68.                                     price: price
  69.                                 } only %}
  70.                             </div>
  72.                             {% if price.referencePrice is not null %}
  73.                                 <div class="product-block-prices-cell product-block-prices-cell-thin">
  74.                                     {{ price.referencePrice.price|currency }}{{ "general.star"|trans|sw_sanitize }} / {{ price.referencePrice.referenceUnit }} {{ price.referencePrice.unitName }}
  75.                                 </div>
  76.                             {% endif %}
  77.                         </div>
  78.                     {% endfor %}
  79.                 </div>
  81.             </div>
  82.         </div>
  83.     </div>
  85.     </div>
  86. {% endblock %}
  88. {% block page_product_detail_media %}
  90.     <div class="col-lg-7 product-detail-media" style="--category-color: {{ categoryColor }};">
  91.         {% sw_include '@Storefront/storefront/page/product-detail/badges.html.twig' %}
  93.         {% if page.product.media %}
  94.             {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  95.                 'mediaItems': mediaItems,
  96.                 'zoom': true,
  97.                 'zoomModal': true,
  98.                 'displayMode': 'contain',
  99.                 'gutter': 5,
  100.                 'minHeight': '500px',
  101.                 'navigationArrows': 'inside',
  102.                 'navigationDots': 'inside',
  103.                 'galleryPosition': 'left',
  104.                 'isProduct': true,
  105.                 'fallbackImageTitle': page.product.translated.name,
  106.                 'startIndexThumbnails': page.product.cover.position + 1,
  107.                 'startIndexSlider': page.product.cover.position + 1
  108.             } %}
  109.         {% endif %}
  111.         <div class="row no-gutters product-detail-highlight-row">
  112.             <div class="col-auto product-detail-highlighted-properties-col">
  113.                 {% sw_include '@Storefront/storefront/page/product-detail/highlighted-properties.html.twig' %}
  114.             </div>
  115.             <div class="col-auto product-detail-bbd-col">
  116.                 {# @todo: MHD nur für Partner #}
  117.                 {% if page.product.translated.customFields.custom_product_configuration_mhd %}
  118.                     <div class="product-detail-bbd">
  119.                         {{ "detail.productMHD"|trans }} {{ page.product.translated.customFields.custom_product_configuration_mhd|date("m/Y") }}
  120.                     </div>
  121.                 {% endif %}
  122.             </div>
  123.         </div>
  124.     </div>
  125. {% endblock %}
  127. {% block page_product_detail_buy %}
  128.     <div class="col-lg-5 product-detail-buy" style="--category-color: {{ categoryColor }};">
  129.         {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  130.     </div>
  131. {% endblock %}
  133. {% block page_product_detail_tabs %}
  134. {% endblock %}
  136. {% block page_product_detail_cross_selling %}
  137.     {% if page.product.extensions.webinarProduct %}
  138.         <div class="detail-webinar-product">
  139.             {% sw_include '@Storefront/storefront/page/product-detail/webinar-product.html.twig' %}
  140.         </div>
  141.     {% endif %}
  142.     {{ parent() }}
  145. {#{% if is_mykey_product(page.product) %}
  146.         {% if is_mykey_available() %}
  147.             mykey available
  148.         {% endif %}
  150.         {% if is_mykey_allowed(page.product) %}
  151.             mykey allowed
  152.         {% endif %}
  153.     {% endif %}#}
  155. {% endblock %}