custom/plugins/SchrammTheme/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_headline %}{% endblock %}
  5. {% block page_product_detail_media %}
  6.     <div class="col-lg-7 product-detail-media">
  7.         {% if page.product.media %}
  8.             {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  9.                 'mediaItems': mediaItems,
  10.                 'zoom': false,
  11.                 'zoomModal': false,
  12.                 'displayMode': 'contain',
  13.                 'gutter': 5,
  14.                 'minHeight': '430px',
  15.                 'navigationArrows': 'inside',
  16.                 'navigationDots': false,
  17.                 'galleryPosition': 'left',
  18.                 'isProduct': true,
  19.                 'fallbackImageTitle': page.product.translated.name,
  20.                 'startIndexThumbnails': page.product.cover.position + 1,
  21.                 'startIndexSlider': page.product.cover.position + 1
  22.             } %}
  23.         {% endif %}
  24.     </div>
  25. {% endblock %}
  27. {% block page_product_detail_tabs %}
  28.     <div class="description-container">
  29.         {% sw_include '@Storefront/storefront/page/product-detail/description.html.twig' %}
  30.     </div>
  32.     {% set id_1 = page.product.translated.customFields.detail_additional_description_picture %}
  33.     {% set mediaCollection_1 = searchMedia([id_1], context.context) %}
  34.     {% set pictureMedia_1 = mediaCollection_1.get(id_1) %}
  36.     {% set id_2 = page.product.translated.customFields.detail_additional_description_picuture_2 %}
  37.     {% set mediaCollection_2 = searchMedia([id_2], context.context) %}
  38.     {% set pictureMedia_2 = mediaCollection_2.get(id_2) %}
  40.     {% set id_3 = page.product.translated.customFields.detail_additional_description_picture_3 %}
  41.     {% set mediaCollection_3 = searchMedia([id_3], context.context) %}
  42.     {% set pictureMedia_3 = mediaCollection_3.get(id_3) %}
  44.     {% set id_4 = page.product.translated.customFields.detail_additional_description_picture_4 %}
  45.     {% set mediaCollection_4 = searchMedia([id_4], context.context) %}
  46.     {% set pictureMedia_4 = mediaCollection_4.get(id_4) %}
  48.     {% set id_5 = page.product.translated.customFields.detail_additional_description_picture_5 %}
  49.     {% set mediaCollection_5 = searchMedia([id_5], context.context) %}
  50.     {% set pictureMedia_5 = mediaCollection_5.get(id_5) %}
  52.     {% set id_6 = page.product.translated.customFields.detail_additional_description_picture_6 %}
  53.     {% set mediaCollection_6 = searchMedia([id_6], context.context) %}
  54.     {% set pictureMedia_6 = mediaCollection_6.get(id_6) %}
  56.     {% if id_1 %}
  58.         <div class="additional-content-container">
  59.             {% if id_1 %}
  60.                 <div class="additional_content_row">
  61.                     <img class="additional_content_image" src="{{ pictureMedia_1.url }}" />
  62.                     <div class="additional_content_text">
  63.                         {{ page.product.translated.customFields.detail_additional_description_content_1 | raw }}
  64.                     </div>
  65.                 </div>
  66.             {% endif %}
  67.             {% if id_2 %}
  68.                 <div class="additional_content_row">
  69.                     <div class="additional_content_text">
  70.                         {{ page.product.translated.customFields.detail_additional_description_content_2 | raw }}
  71.                     </div>
  72.                     <img class="additional_content_image" src="{{ pictureMedia_2.url }}" />
  73.                 </div>
  74.             {% endif %}
  75.             {% if id_3 %}
  76.                 <div class="additional_content_row">
  77.                     <img class="additional_content_image" src="{{ pictureMedia_3.url }}" />
  78.                     <div class="additional_content_text">
  79.                         {{ page.product.translated.customFields.detail_additional_description_content_3 | raw }}
  80.                     </div>
  81.                 </div>
  82.             {% endif %}
  83.             {% if id_4 %}
  84.                 <div class="additional_content_row">
  85.                     <div class="additional_content_text">
  86.                         {{ page.product.translated.customFields.detail_additional_description_content_4 | raw }}
  87.                     </div>
  88.                     <img class="additional_content_image" src="{{ pictureMedia_4.url }}" />
  89.                 </div>
  90.             {% endif %}
  91.             {% if id_5 %}
  92.                 <div class="additional_content_row">
  93.                     <img class="additional_content_image" src="{{ pictureMedia_5.url }}" />
  94.                     <div class="additional_content_text">
  95.                         {{ page.product.translated.customFields.detail_additional_description_content_5 | raw }}
  96.                     </div>
  97.                 </div>
  98.             {% endif %}
  99.             {% if id_6 %}
  100.                 <div class="additional_content_row">
  101.                     <div class="additional_content_text">
  102.                         {{ page.product.translated.customFields.detail_additional_description_content_6 | raw }}
  103.                     </div>
  104.                     <img class="additional_content_image" src="{{ pictureMedia_6.url }}" />
  105.                 </div>
  106.             {% endif %}
  107.         </div>
  109.     {% endif %}
  111.     {% if config('core.listing.showReview') %}
  112.         <div class="review-container">
  113.             {% sw_include '@Storefront/storefront/page/product-detail/review/review.html.twig' with {'reviews': page.reviews} %}
  114.         </div>
  115.     {% endif %}
  116. {% endblock %}
  118. {% block page_product_detail_cross_selling %}
  119.     {% if page.crossSellings|length > 0 %}
  120.         <div class="cross-selling-container">
  121.             <div class="container">
  122.                 {% for item in page.crossSellings %}
  123.                     {% set id = item.crossSelling.id %}
  124.                     {% if item.crossSelling.active and item.getProducts().elements %}
  125.                         <div class="single-cross-selling-slider">
  126.                             {% set config = {
  127.                                 'title': {
  128.                                     'value': item.crossSelling.translated.name
  129.                                 },
  130.                                 'description': {
  131.                                     'value': item.crossSelling.extensions.pixDescriptionExtension.description
  132.                                 },
  133.                                 'border': {
  134.                                     'value': false
  135.                                 },
  136.                                 'rotate': {
  137.                                     'value': false
  138.                                 },
  139.                                 'products': {
  140.                                     'value': item.getProducts()
  141.                                 },
  142.                                 'boxLayout': {
  143.                                     'value': 'standard'
  144.                                 },
  145.                                 'elMinWidth': {
  146.                                     'value': '350px'
  147.                                 },
  148.                                 'navigation': {
  149.                                     'value': true
  150.                                 },
  151.                                 'displayMode': {
  152.                                     'value': 'minimal'
  153.                                 },
  154.                                 'verticalAlign': {
  155.                                     'value': 'middle'
  156.                                 },
  157.                             } %}
  159.                             {% sw_include "@Storefront/storefront/element/cms-element-product-slider.html.twig" with {
  160.                                 sliderConfig: config,
  161.                                 element: {
  162.                                     'data': {
  163.                                         'products': {
  164.                                             elements: item.getProducts()
  165.                                         }
  166.                                     },
  167.                                     type: 'product-slider'
  168.                                 }
  169.                             } only %}
  170.                         </div>
  171.                     {% endif %}
  172.                 {% endfor %}
  173.             </div>
  174.         </div>
  175.     {% endif %}
  176. {% endblock %}