custom/plugins/Lichtkarree/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' %}
  2. {% block page_product_detail_inner %}
  3. {% set listPrice = page.product.price.elements.b7d2554b0ce847cd82f3ac9bd1c0dfca.percentage.gross > 0 %}
  4.                 {% block page_product_detail_content %}
  5.                     <div class="product-detail-content">
  6.                         {% block page_product_detail_headline %}
  7.                             
  8.                         {% endblock %}
  9.                         {% set mediaItems = page.product.media.media %}
  10.                         {% block page_product_detail_main %}
  11.                             <div class="row product-detail-main">
  12.                                 {% block page_product_detail_media %}
  13.                                     <div class="col-lg-7 product-detail-media">
  14.                                         {% if listPrice and not hasRange %}
  15.                                             <div class="product-badges-detail badge badge-discount">
  16.                                                 <span>-{{ page.product.price.elements.b7d2554b0ce847cd82f3ac9bd1c0dfca.percentage.gross|round(0, 'ceil')|replace({'.':','}) }}%</span>
  17.                                             </div>
  18.                                         {% endif %}
  19.                                         {% if page.product.media %}
  20.                                             {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  21.                                                 'mediaItems': mediaItems,
  22.                                                 'zoom': true,
  23.                                                 'zoomModal': true,
  24.                                                 'displayMode': 'contain',
  25.                                                 'gutter': 5,
  26.                                                 'minHeight': '700px',
  27.                                                 'navigationArrows': 'inside',
  28.                                                 'galleryPosition': 'underneath',
  29.                                                 'isProduct': true,
  30.                                                 'fallbackImageTitle': page.product.translated.name,
  31.                                                 'startIndexThumbnails': page.product.cover.position + 1,
  32.                                                 'startIndexSlider': page.product.cover.position + 1,
  33.                                                 'keepAspectRatioOnZoom': false
  34.                                             } %}
  35.                                         {% endif %}
  36.                                         {% if config('core.cart.wishlistEnabled') %}
  37.                                             {% block component_product_box_wishlist_action %}
  38.                                                 <div class="wishlist-mobile">
  39.                                                     {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  40.                                                         appearance: 'circle',
  41.                                                         productId: page.product.id
  42.                                                     } %}
  43.                                                 </div>
  44.                                             {% endblock %}
  45.                                         {% endif %}
  46.                                     </div>
  47.                                 {% endblock %}
  48.                                 {% block page_product_detail_buy %}
  49.                                     <div class="col-lg-5 product-detail-buy">
  50.                                         
  51.                                         <div class="row align-items-center product-detail-headline">
  52.                                             
  53.                                             {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  54.                                         </div>
  55.                                         {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  56.                                         <div class="usp-block">
  57.                                             <div class="row">
  58.                                                 <div class="col-lg-6">
  59.                                                         <i class="fa-light fa-percent" aria-hidden="true"></i> 2% Rabatt bei Vorkasse
  60.                                                 </div>
  61.                                                 <div class="col-lg-6">
  62.                                                     <i class="fas fa-file-alt" aria-hidden="true"></i> Kauf auf Rechnung
  63.                                                 </div>
  64.                                             </div>
  65.                                             <div class="row">
  66.                                                 <div class="col-lg-6">
  67.                                                         <i class="fa-light fa-arrow-rotate-left" aria-hidden="true"></i> 100 Tage Rückgaberecht
  68.                                                 </div>
  69.                                                 <div class="col-lg-6">
  70.                                                     <i class="fa-light fa-check" aria-hidden="true"></i> Kostenloser Versand*
  71.                                                 </div>
  72.                                             </div>
  73.                                         </div>
  74.                                         {% if page.crossSellings.elements is defined and page.crossSellings.elements|filter(item => item.total > 0)|length > 0 %}
  75.                                         <div class="product-detail-tabs product-detail-cross-selling">
  76.                                             {% set zubehoer = false %}
  77.                                             {% for item in page.crossSellings.elements %}
  78.                                                 {% if item.crossSelling.translated.name == 'Zubehör' %}
  79.                                                     {% set zubehoer = true %}
  80.                                                         {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/zubehoer-tabs.html.twig' with {
  81.                                                         crossSellings: page.crossSellings
  82.                                                     } %}
  83.                                                     {%else%}
  84.                                                 {% endif %}
  85.                                             {% endfor %}
  86.                                         </div>
  87.                                         {% endif %}
  88.                                         {% if zubehoer == false %}
  89.                                         <div class="contact-block">
  90.                                             <p>
  91.                                                 <strong>Sie wünschen eine Beratung?</strong>
  92.                                             </p>
  93.                                             <p class="subline-contact_block">
  94.                                                 Unsere Experten stehen Ihnen gerne persönlich zur Verfügung.
  95.                                             </p>
  96.                                             <p>
  97.                                                 <span class="phone-contact-block"><i class="fa-solid fa-phone"></i>  <a href="tel:00498954031986">089 / 54 03 19 86</a> </span><br>
  98.                                                 <span class="envelope-contact-block"><i class="fa-solid fa-envelope"></i>  <a href="mailto:info@lichtkarree.de">info@lichtkarree.de</a> </span>
  99.                                             </p>
  100.                                             
  101.                                         </div>
  102.                                         {% endif %}
  103.                                     </div>
  104.                                 {% endblock %}
  105.                             </div>
  106.                         {% endblock %}
  107.                     </div>
  108.                 {% endblock %}
  109.                 {% block page_product_detail_tabs %}
  110.                     <div class="product-detail-tabs">
  111.                         {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  112.                         
  113.                     </div>
  114.                 {% endblock %}
  115.                 {% block page_product_detail_cross_selling %}
  116.                     {% if page.crossSellings.elements is defined and page.crossSellings.elements|filter(item => item.total > 0)|length > 0 %}
  117.                         <div class="product-detail-tabs product-detail-cross-selling ahenliche-produkte-cross-selling">
  118.                             {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
  119.                                 crossSellings: page.crossSellings
  120.                             } %}
  121.                         </div>
  122.                     {% endif %}
  123.                 {% endblock %}
  124.             {% endblock %}