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

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