custom/plugins/SchilderSysteme/src/Resources/views/storefront/block/cms-block-gallery-buybox.html.twig line 1

Open in your IDE?
  1. {% set reviewTabId = "#review-tab-" ~ page.product.id %}
  4. {% block block_gallery_buybox %}
  5.     {% block block_gallery_buybox_column_left %}
  6.         {% set element = block.slots.getSlot('left') %}
  7.         {% set config = element.fieldConfig.elements %}
  8.         <div class="col-lg-7 product-detail-media">
  9.             {% if page.product.media %}
  10.                 {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  11.                     'mediaItems': mediaItems,
  12.                     'zoom': false,
  13.                     'zoomModal': true,
  14.                     'displayMode': 'contain',
  15.                     'gutter': 5,
  16.                     'minHeight': '430px',
  18.                     'galleryPosition': 'left',
  19.                     'isProduct': true,
  20.                     'fallbackImageTitle': page.product.translated.name,
  21.                     'startIndexThumbnails': page.product.cover.position,
  22.                     'startIndexSlider': page.product.cover.position
  23.                 } %}
  24.             {% endif %}
  25.         </div>
  26.     {% endblock %}
  28.     {% block block_gallery_buybox_column_right %}
  29.         {% set element = block.slots.getSlot('right') %}
  30.         {{ dump(page.product) }}
  31.         <div class="col-lg-5 position-relative">
  32.             <div class="product-detail-buy-box">
  33.                 <div class="title_wishlist">
  34.                     <div><h1 class="product-detail-name"
  35.                              itemprop="name">
  36.                             {{ page.product.translated.name }}
  37.                             {% if page.product.calculatedCheapestPrice.listPrice.percentage %}
  38.                                 <span class="badge badge-danger">
  39.                     {{ "detail.listPricePercentage"|trans({'%price%': page.product.calculatedCheapestPrice.listPrice.percentage|round })|sw_sanitize }}
  40.                 </span>
  41.                             {% endif %}
  42.                         </h1>
  43.                     </div>
  44.                     {% block component_product_wishlist %}
  45.                         {% set addToWishlistOptions = {
  46.                             productId: page.product.id,
  47.                             router: {
  48.                                 add: {
  49.                                     afterLoginPath: path('frontend.wishlist.add.after.login', { productId: page.product.id }),
  50.                                     path: path('frontend.wishlist.product.add', { productId: page.product.id }),
  51.                                     token: sw_csrf('frontend.wishlist.product.add', {"mode": "token"})
  52.                                 },
  53.                                 remove: {
  54.                                     path: path('frontend.wishlist.product.remove', { productId: page.product.id }),
  55.                                     token: sw_csrf('frontend.wishlist.product.remove', {"mode": "token"}),
  56.                                 }
  57.                             }
  58.                         } %}
  60.                         {% set size = size ?? 'md' %}
  61.                         {% block component_product_wishlist_button %}
  62.                             <button
  63.                                     class="product-wishlist-{{ productId }} product-wishlist-action{% if appearance == 'circle' %}-circle{% endif %} product-wishlist-not-added product-wishlist-loading"
  64.                                     title="{{ "listing.toggleWishlist"|trans|sw_sanitize }}"
  65.                                     data-add-to-wishlist="true"
  66.                                     data-add-to-wishlist-options="{{ addToWishlistOptions|json_encode }}"
  67.                             >
  68.                                 {% block component_product_wishlist_icon %}
  69.                                     {% sw_icon 'heart-fill' style { 'class': 'wishlist icon-wishlist-added', 'size': size } %}
  70.                                     {% sw_icon 'heart' style {'class': 'wishlist icon-wishlist-not-added', 'size': size } %}
  71.                                 {% endblock %}
  72.                             </button>
  73.                         {% endblock %}
  74.                     {% endblock %}
  75.                 </div>
  76.                 <p class="sw-cms-el-buy-box__product-number">{{ page.product.productNumber }}</p>
  77.                 {% if page.product.customFields.custom_product_icons_icon %}
  78.                     <div class="icons-container flex">
  79.                         {% for icon in page.product.customFields.custom_product_icons_icon %}
  80.                             {% if loop.index0 <= 9 %}
  81.                                 {% if icon == 'icon_fire' %}
  82.                                     <div class="tooltipcontainer">
  83.                                         <img class="icon" height="20px" width="auto"
  84.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_fire.svg'), 'asset') }}"
  85.                                              alt="Icon Brandklasse B1">
  86.                                         <span class="tooltiptext">Brandklasse B1</span>
  87.                                     </div>
  88.                                 {% endif %}
  89.                                 {% if icon == 'icon_paper' %}
  90.                                     <div class="tooltipcontainer">
  91.                                         <img class="icon" height="20px" width="auto"
  92.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_paper.svg'), 'asset') }}"
  93.                                              alt="Icon Papiereinleger zur Selbtsbeschriftung">
  94.                                         <span class="tooltiptext">Papiereinleger zur Selbstbeschriftung</span>
  95.                                     </div>
  96.                                 {% endif %}
  97.                                 {% if icon == 'icon_plates' %}
  98.                                     <div class="tooltipcontainer">
  99.                                         <img class="icon" height="20px" width="auto"
  100.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_plates.svg'), 'asset') }}"
  101.                                              alt="Icon Beschriftungsplatten wechselbar">
  102.                                         <span class="tooltiptext">Beschriftungsplatten wechselbar</span>
  103.                                     </div>
  104.                                 {% endif %}
  105.                                 {% if icon == 'icon_glue_and_screw' %}
  106.                                     <div class="tooltipcontainer">
  107.                                         <img class="icon" height="20px" width="auto"
  108.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_glue_and_screw.svg'), 'asset') }}"
  109.                                              alt="Icon Klebe- und Schraubmontage">
  110.                                         <span class="tooltiptext">Klebe- und Schraubmontage</span>
  111.                                     </div>
  112.                                 {% endif %}
  113.                                 {% if icon == 'icon_screw_countersunk' %}
  114.                                     <div class="tooltipcontainer">
  115.                                         <img class="icon" height="20px" width="auto"
  116.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_screw_countersunk.svg'), 'asset') }}"
  117.                                              alt="Icon Schraubmontage mit Senkkopfschrauben">
  118.                                         <span class="tooltiptext">Schraubmontage mit Senkkopfschrauben</span>
  119.                                     </div>
  120.                                 {% endif %}
  121.                                 {% if icon == 'icon_screw_flathead' %}
  122.                                     <div class="tooltipcontainer">
  123.                                         <img class="icon" height="20px" width="auto"
  124.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_screw_flathead.svg'), 'asset') }}"
  125.                                              alt="Icon Schraubmontage mit Flachkopfschrauben">
  126.                                         <span class="tooltiptext">Schraubmontage mit Flachkopfschrauben</span>
  127.                                     </div>
  128.                                 {% endif %}
  129.                                 {% if icon == 'icon_glue' %}
  130.                                     <div class="tooltipcontainer">
  131.                                         <img class="icon" height="20px" width="auto"
  132.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_glue.svg'), 'asset') }}"
  133.                                              alt="Klebemontage">
  134.                                         <span class="tooltiptext">Klebemontage</span>
  135.                                     </div>
  136.                                 {% endif %}
  137.                                 {% if icon == 'icon_feeder_changer' %}
  138.                                     <div class="tooltipcontainer">
  139.                                         <img class="icon" height="20px" width="auto"
  140.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_feeder_changer.svg'), 'asset') }}"
  141.                                              alt="Icon Einlegerwechsel mittels Haftsauger">
  142.                                         <span class="tooltiptext">Einlegerwechsel mittels Haftsauger</span>
  143.                                     </div>
  144.                                 {% endif %}
  145.                                 {% if icon == 'icon_paper_secured' %}
  146.                                     <div class="tooltipcontainer">
  147.                                         <img class="icon" height="20px" width="auto"
  148.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_paper_secured.svg'), 'asset') }}"
  149.                                              alt="Icon Einleger gesichert">
  150.                                         <span class="tooltiptext">Einleger gesichert</span>
  151.                                     </div>
  152.                                 {% endif %}
  153.                                 {% if icon == 'icon_direct_printing' %}
  154.                                     <div class="tooltipcontainer">
  155.                                         <img class="icon" height="20px" width="auto"
  156.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_direct_printing.svg'), 'asset') }}"
  157.                                              alt="Icon Direktdruck">
  158.                                         <span class="tooltiptext">Direktdruck</span>
  159.                                     </div>
  160.                                 {% endif %}
  161.                                 {% if icon == 'icon_tactile_labeling' %}
  162.                                     <div class="tooltipcontainer">
  163.                                         <img class="icon" height="20px" width="auto"
  164.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_tactile_labeling.svg'), 'asset') }}"
  165.                                              alt="Icon Taktile Beschriftung möglich">
  166.                                         <span class="tooltiptext">Taktile Beschriftung möglich</span>
  167.                                     </div>
  168.                                 {% endif %}
  169.                                 {% if icon == 'icon_stock' %}
  170.                                     <div class="tooltipcontainer">
  171.                                         <img class="icon" height="20px" width="auto"
  172.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_stock.svg'), 'asset') }}"
  173.                                              alt="Lagerartikel, rascher Versand">
  174.                                         <span class="tooltiptext">Lagerartikel, rascher Versand</span>
  175.                                     </div>
  176.                                 {% endif %}
  177.                                 {% if icon == 'icon_feeder_changer_tools' %}
  178.                                     <div class="tooltipcontainer">
  179.                                         <img class="icon" height="20px" width="auto"
  180.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_feeder_changer_tools.svg'), 'asset') }}"
  181.                                              alt="Icon Einlegerwechsel mittels Werkzeug">
  182.                                         <span class="tooltiptext">Einlegerwechsel mittels Werkzeug</span>
  183.                                     </div>
  184.                                 {% endif %}
  185.                                 {% if icon == 'icon_escape_sign' %}
  186.                                     <div class="tooltipcontainer">
  187.                                         <img class="icon" height="20px" width="auto"
  188.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_escape_sign.svg'), 'asset') }}"
  189.                                              alt="Icon Noirmgröße Fluchtwegschilder">
  190.                                         <span class="tooltiptext">Normgröße Fluchtwegschilder</span>
  191.                                     </div>
  192.                                 {% endif %}
  193.                                 {% if icon == 'icon_sustainable' %}
  194.                                     <div class="tooltipcontainer">
  195.                                         <img class="icon" height="20px" width="auto"
  196.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_sustainable.svg'), 'asset') }}"
  197.                                              alt="Icon Umweltfreundliches Produkt">
  198.                                         <span class="tooltiptext">Umweltfreundliches Produkt</span>
  199.                                     </div>
  200.                                 {% endif %}
  201.                                 {% if icon == 'icon_outdoor' %}
  202.                                     <div class="tooltipcontainer">
  203.                                         <img class="icon" height="20px" width="auto"
  204.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_outdoor.svg'), 'asset') }}"
  205.                                              alt="Icon Außenanwendung">
  206.                                         <span class="tooltiptext">Außenanwendung</span>
  207.                                     </div>
  208.                                 {% endif %}
  209.                                 {% if icon == 'icon_feeder_changer_without_tools' %}
  210.                                     <div class="tooltipcontainer">
  211.                                         <img class="icon" height="20px" width="auto"
  212.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_feeder_changer_without_tools.svg'), 'asset') }}"
  213.                                              alt="Icon Einlegerwechsel ohne Werkzeug">
  214.                                         <span class="tooltiptext">Einlegerwechsel ohne Werkzeug</span>
  215.                                     </div>
  216.                                 {% endif %}
  217.                                 {% if icon == 'icon_opening_right' %}
  218.                                     <div class="tooltipcontainer">
  219.                                         <img class="icon" height="20px" width="auto"
  220.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_opening_right.svg'), 'asset') }}"
  221.                                              alt="Icon Öffnungsseite">
  222.                                         <span class="tooltiptext">Öffnungsseite</span>
  223.                                     </div>
  224.                                 {% endif %}
  225.                                 {% if icon == 'icon_led' %}
  226.                                     <div class="tooltipcontainer">
  227.                                         <img class="icon" height="20px" width="auto"
  228.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_led.svg'), 'asset') }}"
  229.                                              alt="Icon LED Beleuchtung">
  230.                                         <span class="tooltiptext">LED Beleuchtung</span>
  232.                                     </div>
  233.                                 {% endif %}
  234.                                 {% if icon == 'icon_flange' %}
  235.                                     <div class="tooltipcontainer">
  236.                                         <img class="icon" height="20px" width="auto"
  237.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_flange.svg'), 'asset') }}"
  238.                                              alt="Icon Flanschmontage">
  239.                                         <span class="tooltiptext">Flanschmontage</span>
  240.                                     </div>
  241.                                 {% endif %}
  242.                                 {% if icon == 'icon_quiver' %}
  243.                                     <div class="tooltipcontainer">
  244.                                         <img class="icon" height="20px" width="auto"
  245.                                              src="{{ asset(('bundles/schildersysteme/icons/icon_quiver.svg'), 'asset') }}"
  246.                                              alt="Icon Köchermontage">
  247.                                         <span class="tooltiptext">Köchermontage</span>
  248.                                     </div>
  249.                                 {% endif %}
  250.                             {% endif %}
  251.                         {% endfor %}
  252.                     </div>
  253.                 {% endif %}
  254.                 <div class="product-detail-buy">
  255.                     {% set EXTENSION_NAME = constant('LenzPlatformCustomerDiscount\\Core\\Content\\Product\\SalesChannel\\Price\\CustomerDiscountProductPriceCalculator::MODIFICATION_APPLIED') %}
  257.                     {% if page.product.price.hasExtension(EXTENSION_NAME) %}
  258.                         {% set x = page.product.price.getExtension(EXTENSION_NAME).all %}
  260.                         {% if x.priceBlocked == true and config('LenzPlatformCustomerDiscount.config.showDiscountExcludedNotice') == true %}
  261.                             {% set alertText = "lenzPlatformCustomerDiscount.productDetail.noDiscountAlertMessage"|trans %}
  263.                             {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  264.                                 type:"info",
  265.                                 content: alertText
  266.                             } %}
  267.                         {% elseif x.priceBlocked == false and config('LenzPlatformCustomerDiscount.config.showDiscountNotice') == true %}
  268.                             {% set alertText = "lenzPlatformCustomerDiscount.productDetail.discountAlertMessage"|trans({"%percent%": x.percent}) %}
  270.                             {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  271.                                 type:"success",
  272.                                 content: alertText
  273.                             } %}
  274.                         {% endif %}
  275.                     {% endif %}
  276.                     {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  277.                 </div>
  278.                 {% if page.product.calculatedPrices|length > 1 and page.product.customFields.custom_units_piece_per_pu == 1 and page.product.customFields.price_on_request_six_group!=1 %}
  279.                     {% block page_product_detail_price_block %}
  280.                         <div class="product-block-prices">
  281.                             <span class="mass-discount">Mengenrabatte</span>
  282.                             {% block page_product_detail_price_block_table %}
  283.                                 <table class="table product-block-prices-grid">
  284.                                     {% block page_product_detail_price_block_table_head %}
  285.                                         <thead class="product-block-prices-head">
  286.                                         {% block page_product_detail_price_block_table_head_inner %}
  287.                                             <tr class="product-block-prices-row">
  288.                                                 <th scope="col" class="product-block-prices-cell">
  289.                                                 </th>
  290.                                                 <th scope="col" class="product-block-prices-cell">
  291.                                                     {{ "detail.dataColumnPrice"|trans|sw_sanitize }}
  292.                                                 </th>
  293.                                                 {% if page.product.calculatedPrice.referencePrice %}
  294.                                                     <th scope="col" class="product-block-prices-cell">
  295.                                                         {{ "detail.dataColumnReferencePrice"|trans|sw_sanitize }}
  296.                                                     </th>
  297.                                                 {% endif %}
  298.                                                 <th scope="col" class="product-block-prices-cell">
  299.                                                     Rabatt
  300.                                                 </th>
  301.                                             </tr>
  302.                                         {% endblock %}
  303.                                         </thead>
  304.                                     {% endblock %}
  306.                                     {% block page_product_detail_price_block_table_body %}
  307.                                         <tbody class="product-block-prices-body">
  308.                                         {% block page_product_detail_price_block_table_body_inner %}
  309.                                             {% for price in page.product.calculatedPrices %}
  310.                                                 {% set unitPrice = page.product.calculatedPrice.unitPrice|trim %}
  311.                                                 {% set quantityPrice = price.unitPrice|trim %}
  312.                                                 {% if ((1-(quantityPrice/unitPrice))*100)|round !=0 %}
  313.                                                     {% block page_product_detail_price_block_table_body_row %}
  314.                                                         {% if page.product.calculatedPrices.elements[loop.index0 -1].quantity != 0 %}
  316.                                                         <tr class="product-block-prices-row"
  317.                                                             itemprop="offers" itemscope
  318.                                                             itemtype="https://schema.org/Offer">
  319.                                                             {% block page_product_detail_price_block_table_body_cell_quantity %}
  320.                                                                 <th scope="row"
  321.                                                                     class="product-block-prices-cell product-block-prices-cell-thin">
  322.                                                                     <meta itemprop="priceCurrency"
  323.                                                                           content="{{ page.header.activeCurrency.id }}"/>
  324.                                                                     <meta itemprop="price"
  325.                                                                           content="{{ price.unitPrice }}"/>
  326.                                                                     <link itemprop="availability"
  327.                                                                           href="https://schema.org/InStock"/>
  328.                                                                     {{ "detail.priceDataInfoFrom"|trans|sw_sanitize }}
  329.                                                                     <span class="product-block-prices-quantity">{{ page.product.calculatedPrices.elements[loop.index0 -1].quantity + 1}}</span> {{ "detail.quantity"|trans|sw_sanitize }}
  330.                                                                 </th>
  331.                                                             {% endblock %}
  333.                                                             {% block page_product_detail_price_block_table_body_cell_price %}
  334.                                                                 <td class="product-block-prices-cell">
  335.                                                                     {% sw_include '@Storefront/storefront/component/product/block-price.html.twig' with {
  336.                                                                         price: price
  337.                                                                     } only %}
  338.                                                                 </td>
  339.                                                             {% endblock %}
  341.                                                             {% block page_product_detail_price_block_table_body_cell_reference_price %}
  342.                                                                 {% if price.referencePrice is not null %}
  343.                                                                     <td class="product-block-prices-cell product-block-prices-cell-thin">
  344.                                                                         {{ price.referencePrice.price|currency }}{{ "general.star"|trans|sw_sanitize }}
  345.                                                                         / {{ price.referencePrice.referenceUnit }} {{ price.referencePrice.unitName }}
  346.                                                                     </td>
  347.                                                                 {% endif %}
  348.                                                             {% endblock %}
  349.                                                             <td class="product-block-prices-cell discount_percent_table">
  350.                                                                 {% set unitPrice = page.product.calculatedPrices.elements[0].unitPrice|trim %}
  351.                                                                 {% set quantityPrice = price.unitPrice|trim %}
  352.                                                                 - {{ ((1-(quantityPrice/unitPrice))*100)|round }}
  353.                                                                 %
  354.                                                             </td>
  355.                                                         </tr>
  356.                                                         {% endif %}
  357.                                                     {% endblock %}
  358.                                                 {% endif %}
  359.                                             {% endfor %}
  360.                                         {% endblock %}
  361.                                         </tbody>
  362.                                     {% endblock %}
  363.                                 </table>                            {% endblock %}
  364.                         </div>
  365.                         {% if page.product.calculatedPrices|length > 1 and page.product.customFields.variants|length>0 %}
  366.                             {% set bestprice = false %}
  367.                             {% for variant in page.product.customFields.variants|filter((variant) => variant.availableStock == true) %}
  368.                                 {% if variant.customFields.custom_units_piece_per_pu != 1 %}
  369.                                     {% set bestprice = true %}
  370.                                 {% endif %}
  371.                             {% endfor %}
  372.                             {% if bestprice == true %}
  373.                                 <a class="best-price-cta" href="#best-price">
  374.                                     Verpackungseinheiten zum Bestpreis
  375.                                     <img src="{{ asset(('bundles/schildersysteme/icons/arrow_down.svg'), 'asset') }}"
  376.                                          width="10"
  377.                                          height="10" alt="">
  378.                                 </a>
  379.                             {% endif %}
  380.                         {% endif %}
  381.                     {% endblock %}
  382.                 {% endif %}
  383.             </div>
  384.         </div>
  385.     {% endblock %}
  386. {% endblock %}