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

Open in your IDE?
  1. {% sw_extends '@parent/storefront/page/product-detail/index.html.twig' %}
  3. {% block base_head %}
  4.     {{ parent() }}
  6.     <script src="https://integrations.etrusted.com/applications/widget.js/v2" async defer></script>
  7. {% endblock %}
  9. {% block base_main_inner %}
  10.         {% block base_main_container %}
  11.             {{ parent() }}
  12.         {% endblock %}
  13. {% endblock %}
  16.     {% block page_product_detail %}
  18.         {% set loaderOptions = {
  19.             text: 'detail.loadingIndicatorText'|trans
  20.         } %}
  22.         <div class="product-detail"
  23.              itemscope
  24.              itemtype="https://schema.org/Product" data-loading-indicator data-loading-indicator-options='{{ loaderOptions|json_encode }}'>
  27.         {% block page_product_detail_inner %}
  29.             {% block page_product_detail_content %}
  30.                 <div class="container">
  31.                     <div class="product-detail-content">
  32.                         {% block page_product_detail_breadcrumb %}
  33.                             {{ parent() }}
  34.                         {% endblock %}
  35.                         {% block page_product_detail_headline %}
  36.                             {{ parent() }}
  37.                         {% endblock %}
  39.                         {% set mediaItems = page.product.media.media %}
  41.                         {% block page_product_detail_main %}
  42.                             <div class="row product-detail-main">
  43.                                 {% block page_product_detail_media %}
  44.                                     <div class="col-md-7 product-detail-media">
  45.                                         {% sw_include '@Storefront/storefront/component/product/card/badges.html.twig' with {
  46.                                             'product' : page.product
  47.                                         } %}
  48.                                         {% if page.product.media %}
  49.                                             {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  50.                                                 'mediaItems': mediaItems,
  51.                                                 'zoom': true,
  52.                                                 'zoomModal': true,
  53.                                                 'displayMode': 'contain',
  54.                                                 'gutter': 4,
  55.                                                 'minHeight': '382px',
  56.                                                 'navigationArrows': 'inside',
  57.                                                 'galleryPosition': 'underneath',
  58.                                                 'isProduct': true,
  59.                                                 'fallbackImageTitle': page.product.translated.name,
  60.                                                 'startIndexThumbnails': page.product.cover.position + 1,
  61.                                                 'startIndexSlider': page.product.cover.position + 1
  62.                                             } %}
  63.                                         {% endif %}
  64.                                     </div>
  65.                                 {% endblock %}
  67.                                 {% block page_product_detail_buy %}
  68.                                     <div class="col-md-5 product-detail-buy">
  69.                                         {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  70.                                     </div>
  71.                                 {% endblock %}
  72.                             </div>
  73.                         {% endblock %}
  74.                     </div>
  75.                 </div>
  77.                 <div class="product-detail__country-headline-container">
  78.                     <h2 class="product-detail__country-headline">{{ 'detail.configuratorHeadline'|trans }}</h2>
  79.                 </div>
  81.                 <div id="ConfigCountry" class="product-detail_country-selection">
  82.                     <div class="container">
  83.                         <div class="row">
  84.                             {% set isoCode = page.header.activeLanguage.translationCode.code|lower|split('-') %}
  85.                             {% set country =  context.shippingLocation.country.iso|lower %}
  86.                             {% set language = isoCode[1] %}
  87.                             {% set countriesList = ['de', 'at', 'ch', 'nl', 'lu', 'be', 'it'] %}
  88.                             <div class="product-detail__country">
  90.                                 <div class="product-detail__country-inner">
  91.                                     <span class="product-detail__country-text">{{ 'detail.languageSelectText'|trans }}</span>
  93.                                     {% set UltraStoreSwitcher = shopware.config.UltraStoreSwitcher.config %}
  94.                                     {% if UltraStoreSwitcher.activeKanal %}
  95.                                         {% sw_include '@Storefront/storefront/layout/header/actions/service-menu-widget_detail.html.twig' %}
  96.                                     {% endif %}
  98.                                     {#<div class="languages-menu countries-wrapper dropdown">
  99.                                         <button class="btn dropdown-toggle top-bar-nav-btn"
  100.                                                 type="button"
  101.                                                 id="languagesDropdown"
  102.                                                 data-toggle="dropdown"
  103.                                                 aria-haspopup="true"
  104.                                                 aria-expanded="false">
  105.                                             <div class="language-info">
  106.                                                 <div class="top-bar-list-icon language-flag country-{{ country }} language-{{ language }}"></div>
  107.                                                 <span class="language-label">
  108.                                                     {% if country == 'de' %}
  109.                                                         {{ 'header.languageSelectDE'|trans }}
  110.                                                     {% elseif country == 'at' %}
  111.                                                         {{ 'header.languageSelectAT'|trans }}
  112.                                                     {% elseif country == 'ch' %}
  113.                                                         {{ 'header.languageSelectCH'|trans }}
  114.                                                     {% elseif country == 'nl' %}
  115.                                                         {{ 'header.languageSelectNL'|trans }}
  116.                                                     {% elseif country == 'lu' %}
  117.                                                         {{ 'header.languageSelectLU'|trans }}
  118.                                                     {% elseif country == 'be' %}
  119.                                                         {{ 'header.languageSelectBE'|trans }}
  120.                                                     {% elseif country == 'it' %}
  121.                                                         {{ 'header.languageSelectIT'|trans }}
  122.                                                     {% endif %}
  124.                                                 </span>
  125.                                             </div>
  126.                                             {% sw_icon 'fa-chevron-down' style { 'pack': 'solid' } %}
  127.                                         </button>
  128.                                         <div class="top-bar-list dropdown-menu dropdown-menu-right"
  129.                                              aria-labelledby="languagesDropdown">
  130.                                             <div class="flags-list">
  131.                                                 {% for item in countriesList %}
  132.                                                     {% if item != country %}
  133.                                                         <a href="/{% if item != 'de' %}{{ item }}{% endif %}" class="d-block">
  134.                                                             <div class="top-bar-list-icon language-flag country-{{ item }} language-{{ language }}"></div>
  135.                                                             <span>{% if item == 'de' %}{{ 'header.languageSelectDE'|trans }}{% endif %}</span>
  136.                                                             <span>{% if item == 'at' %}{{ 'header.languageSelectAT'|trans }}{% endif %}</span>
  137.                                                             <span>{% if item == 'ch' %}{{ 'header.languageSelectCH'|trans }}{% endif %}</span>
  138.                                                             <span>{% if item == 'nl' %}{{ 'header.languageSelectNL'|trans }}{% endif %}</span>
  139.                                                             <span>{% if item == 'lu' %}{{ 'header.languageSelectLU'|trans }}{% endif %}</span>
  140.                                                             <span>{% if item == 'be' %}{{ 'header.languageSelectBE'|trans }}{% endif %}</span>
  141.                                                             <span>{% if item == 'it' %}{{ 'header.languageSelectIT'|trans }}{% endif %}</span>
  142.                                                         </a>
  143.                                                     {% endif %}
  144.                                                 {% endfor %}
  145.                                             </div>
  146.                                         </div>
  147.                                     </div>#}
  148.                                 </div>
  149.                             </div>
  150.                         </div>
  151.                     </div>
  152.                 </div>
  154.             {% endblock %}
  157.             <div class="bg-light">
  158.                 <div class="container">
  159.                     {% block page_product_detail_tabs %}
  160.                         {{ parent() }}
  161.                     {% endblock %}
  163.                     {% block page_product_detail_cross_selling %}
  164.                         {% if  page.crossSellings|length %}
  165.                             <div class="product-detail-tabs product-detail-cross-selling nxs-custom-product-slider">
  166.                                 {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
  167.                                     crossSellings: page.crossSellings
  168.                                 } only %}
  169.                             </div>
  170.                         {% endif %}
  171.                     {% endblock %}
  172.                 </div>
  173.             </div>
  175.         {% endblock %}
  177.     </div>
  178. {% endblock %}