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

Open in your IDE?
  1. {% sw_extends "@zenitPlatformStratus/storefront/page/product-detail/index.html.twig" %}
  2. {% block page_product_detail_media %}
  3.     <div class="col-lg-12">
  4.         {% block page_product_detail_headline %}
  5.             <div class="row product-detail-headline">
  6.                 {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  7.             </div>
  8.         {% endblock %}
  9.     </div>
  10.     {{parent()}}
  11. {% endblock %}
  13. {% block page_product_detail_buy %}
  14.     <div class="col-lg-5 col-xl-{{ buyboxWidthConfig }} product-detail-buy" data-sticky-buybox="true">
  15.         {% block zen_page_product_detail_short_description %}
  16.             {% if page.product.translated.metaDescription and theme_config('zen-product-details-short-description') %}
  17.                 <div class="product-detail-short-description">
  18.                     {{ page.product.translated.metaDescription|raw }}
  19.                 </div>
  20.             {% endif %}
  21.             {% sw_include "@Storefront/storefront/page/product-detail/buy-widget.html.twig" %}
  22.         {% endblock %}
  23.         {% if page.product.parentId and page.configuratorSettings|length > 0 %}
  24.             <div class="product-detail-configurator-container">
  25.                 {% sw_include '@Storefront/storefront/page/product-detail/configurator.html.twig' %}
  26.             </div>
  27.         {% endif %}
  28.         {% set tigerSegments = page.product.translated.customFields['tiger-segmenter'] %}
  29.         {% if tigerSegments %}
  30.             <h3>{{ "productDetail.segmentsTitle"|trans|sw_sanitize }}</h3>
  31.             <h4 class="product-detail-custom-segments-subtitle">{{ "productDetail.segmentsSubtitle"|trans|sw_sanitize }}</h4>
  32.             <div class="product-detail-custom-wrapper">
  33.             {% for segment in tigerSegments %}
  34.                 <div class="product-detail-custom-item product-detail-custom-item--segment">
  35.                     <div class="product-detail-custom-item-media">
  36.                         <img width="100%" height="100%" src="{{ theme_config("#{segment}-image") }}">
  37.                     </div>
  38.                     <h5>{{ "segments.#{segment}"|trans }} </h5>
  39.                 </div>
  40.             {% endfor %}
  41.             </div>
  42.         {% endif %}
  43.         {% set productColorSrc = page.product.customFields['tiger-produkt-link-farvekort'] %}
  44.         {% set productPaperSrc = page.product.customFields['tiger-produkt-link-produktblad']%}
  45.         {% set productDataSrc = page.product.customFields['tiger-produkt-link-datablad'] %}
  46.         {% set productBrochureSrc = page.product.customFields['tiger-produkt-link-brochure'] %}
  48.         {% set mediaCollection = searchMedia([
  49.             productColorSrc,
  50.             productPaperSrc,
  51.             productDataSrc,
  52.             productBrochureSrc
  53.         ], context.context) %}
  55.         <div class="product-detail-custom-wrapper product-detail-custom-wrapper--data">
  56.             {% if mediaCollection.get(productDataSrc) %}
  57.                 <a href="{{ mediaCollection.get(productDataSrc).url }}" target="_blank"
  58.                    class="product-detail-custom-item product-detail-custom-item--data">
  59.                     <div class="product-detail-custom-item-media product-detail-custom-item-media--data">
  60.                         <img width="100%" height="100%" src="{{ theme_config('sw-product-data-paper-image') }}" alt="">
  61.                     </div>
  62.                     <h5>{{ "productDetailData.productPaper"|trans }}</h5>
  63.                 </a>
  64.             {% endif %}
  65.             {% if mediaCollection.get(productPaperSrc) %}
  66.                 <a href="{{ mediaCollection.get(productPaperSrc).url }}" target="_blank"
  67.                    class="product-detail-custom-item product-detail-custom-item--data">
  68.                     <div class="product-detail-custom-item-media product-detail-custom-item-media--data">
  69.                         <img width="100%" height="100%" src="{{ theme_config('sw-product-paper-image') }}" alt="">
  70.                     </div>
  71.                     <h5>{{ "productDetailData.productDataPaper"|trans }}</h5>
  72.                 </a>
  73.             {% endif %}
  74.             {% if mediaCollection.get(productColorSrc) %}
  75.                 <a href="{{ mediaCollection.get(productColorSrc).url }}" target="_blank"
  76.                    class="product-detail-custom-item product-detail-custom-item--data">
  77.                     <div class="product-detail-custom-item-media product-detail-custom-item-media--data">
  78.                         <img width="100%" height="100%" src="{{ theme_config('sw-color-card-image') }}" alt="">
  79.                     </div>
  80.                     <h5>{{ "productDetailData.colorCard"|trans }}</h5>
  81.                 </a>
  82.             {% endif %}
  84.             {% if mediaCollection.get(productBrochureSrc) %}
  85.                 <a href="{{ mediaCollection.get(productBrochureSrc).url }}" target="_blank" class="product-detail-custom-item product-detail-custom-item--data">
  86.                     <div class="product-detail-custom-item-media product-detail-custom-item-media--data">
  87.                         <img width="100%" height="100%" src="{{ theme_config('sw-product-data-brochure-image') }}" alt="">
  88.                     </div>
  89.                     <h5>{{ "productDetailData.productDataBrochure"|trans }}</h5>
  90.                 </a>
  91.             {% endif %}
  92.         </div>
  94.     </div>
  95. {% endblock %}
  96. {% block page_product_detail_tabs %}
  97.     <div class="container row product-detail-how-to-wrapper">
  98.         {% set replacedUrl = page.product.translated.customFields["tiger-how-to-video-url"]|replace({'/watch?v=' : '/embed/'}) %}
  99.         {% if replacedUrl %}
  100.             <div class="col-lg-6">
  101.                 <div class="custom-video-container custom-video-container--gallery">
  102.                     <iframe width="100%" height="auto" src="{{ replacedUrl }}" id="videoIframe"></iframe>
  103.                 </div>
  104.             </div>
  105.         {% set howToDescription = page.product.translated.customFields["tiger-how-to-description"] %}
  106.             <div class="col-lg-6 my-4">
  107.                 {{ howToDescription|raw }}
  108.             </div>
  109.         {% endif %}
  110.     </div>
  111.     <div class="product-detail-tabs">
  112.         <div class="container">
  113.             {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  114.         </div>
  115.         {% set tigerStepsData = [] %}
  116.         {% for i in 1..5 %}
  117.             {% set imageKey = 'tiger-steps_image-' ~ i %}
  118.             {% set textKey = 'tiger-steps_text-' ~ i %}
  119.             {% set image = page.product.customFields[imageKey] %}
  120.             {% set text = page.product.customFields[textKey] %}
  121.             {% set stepData = {'image': image, 'text': text} %}
  122.             {% set tigerStepsData = tigerStepsData|merge([stepData]) %}
  123.         {% endfor %}
  124.         {% if tigerStepsData[0].text is not null %}
  125.             <div class="container product-detail-steps-wrapper">
  126.                 <h3 class="product-detail-steps-title">{{ "productDetail.stepsTitle"|trans|sw_sanitize }}</h3>
  127.                 <h4 class="product-detail-steps-subtitle">{{ "productDetail.stepsSubtitle"|trans|sw_sanitize }}</h4>
  128.                 <div class="product-detail-steps">
  129.                 {% for item in tigerStepsData %}
  130.                     {% set stepsCollection = searchMedia([
  131.                         item.image
  132.                     ], context.context) %}
  133.                     {% if item.image or item.text %}
  134.                         <div class="product-detail-step">
  135.                             <img class="product-detail-step__image" width="auto" src="{{ stepsCollection.get(item.image).url }}">
  136.                             <h5>{{ item.text }}</h5>
  137.                         </div>
  138.                     {% endif %}
  139.                 {% endfor %}
  140.                 </div>
  141.             </div>
  142.         {% endif %}
  143.     </div>
  144. {% endblock %}
  145. {% block page_product_detail_cross_selling %}
  146.     {% if page.crossSellings.elements is not empty %}
  147.         <div class="product-detail-tabs product-detail-cross-selling">
  148.             <div class="container">
  149.                 {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
  150.                     crossSellings: page.crossSellings,
  151.                 } %}
  152.             </div>
  153.         </div>
  154.     {% endif %}
  155. {% endblock %}