custom/plugins/Theme3S/src/Resources/views/storefront/component/buy-widget/buy-widget.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/buy-widget/buy-widget.html.twig' %}
  4. {% block buy_widget %}
  5.     <div id="bodyId" class="product-detail-buy{% if elementId %}-{{ elementId }}{% endif %} js-magnifier-zoom-image-container">
  6.         {% block buy_widget_rich_snippets %}
  7.             {% block buy_widget_rich_snippets_brand %}
  8.                 {% if product.manufacturer %}
  9.                     <div itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
  10.                         <meta itemprop="name" content="{{ product.manufacturer.translated.name }}" />
  11.                     </div>
  12.                 {% endif %}
  13.             {% endblock %}
  15.             {% block buy_widget_rich_snippets_gtin13 %}
  16.                 {% if product.ean %}
  17.                     <meta itemprop="gtin13"
  18.                           content="{{ product.ean }}"/>
  19.                 {% endif %}
  20.             {% endblock %}
  22.             {% block buy_widget_rich_snippets_mpn %}
  23.                 {% if product.manufacturerNumber %}
  24.                     <meta itemprop="mpn"
  25.                           content="{{ product.manufacturerNumber }}"/>
  26.                 {% endif %}
  27.             {% endblock %}
  29.             {% block buy_widget_rich_snippets_weight %}
  30.                 {% if product.weight %}
  31.                     <meta itemprop="weight"
  32.                           content="{{ product.weight }} kg"/>
  33.                 {% endif %}
  34.             {% endblock %}
  36.             {% block buy_widget_rich_snippets_height %}
  37.                 {% if product.height %}
  38.                     <meta itemprop="height"
  39.                           content="{{ product.height }} mm"/>
  40.                 {% endif %}
  41.             {% endblock %}
  43.             {% block buy_widget_rich_snippets_width %}
  44.                 {% if product.width %}
  45.                     <meta itemprop="width"
  46.                           content="{{ product.width }} mm"/>
  47.                 {% endif %}
  48.             {% endblock %}
  50.             {% block buy_widget_rich_snippets_depth %}
  51.                 {% if product.length %}
  52.                     <meta itemprop="depth"
  53.                           content="{{ product.length }} mm"/>
  54.                 {% endif %}
  55.             {% endblock %}
  57.             {% block buy_widget_rich_snippets_release_date %}
  58.                 <meta itemprop="releaseDate"
  59.                       content="{{ product.releaseDate|format_date(pattern="Y-MM-dd", locale=app.request.locale) }}"/>
  60.             {% endblock %}
  61.         {% endblock %}
  63.         {% if not feature('FEATURE_NEXT_16992') %}
  64.             {# @deprecated tag:v6.5.0 tag:)(FEATURE_NEXT_16992) - Block will be removed in v6.5.0 #}
  65.             {% block buy_widget_not_available %}
  66.             {% endblock %}
  67.         {% endif %}
  69.         <script>
  70.             /*
  71.                         setSortingWrapperHeight();
  73.                         function setSortingWrapperHeight(){
  75.                             var Cartheader = $("#ShopIcons").html();
  77.                             $("#ShopIconInner").css("top", "45px");
  78.                             $("#ShopIconInner").css("right", "0px");
  82.             }
  83.   */
  84.         </script>
  86.         <div class="productLogoContainer">
  88.             {% for group in product.sortedProperties %}
  90.                 {% if group.name == 'Logo' %}
  92.                     {% for option in group.options %}
  94.                         {% set first = 'bundles/theme3s/images/' %}
  96.                         {% if option.translated.name == 'multi-econ.png' %}{% set second = "MULTI-Econ-schwarz.svg" %}{% endif %}
  97.                         {% if option.translated.name == 'multi-splash.png' %}{% set second = "MULTI-Splash-schwarz.svg" %}{% endif %}
  98.                         {% if option.translated.name == 'multi-tec.png' %}{% set second = "MULTI-Tec-schwarz.svg" %}{% endif %}
  99.                         {% if option.translated.name == 'protec-plus.png' %}{% set second = "Protec_Plus.svg" %}{% endif %}
  100.                         {% if option.translated.name == 'protec-classic.png' %}{% set second = "Protec_Classic.svg" %}{% endif %}
  101.                         {% if option.translated.name == 'protec-comfort.png' %}{% set second = "Protec_Comfort.svg" %}{% endif %}
  102.                         {% if option.translated.name == 'prochem-1.png' %}{% set second = "ProChem_I_Logo.svg" %}{% endif %}
  103.                         {% if option.translated.name == 'prochem-2.png' %}{% set second = "ProChem_II_Logo_k.svg" %}{% endif %}
  104.                         {% if option.translated.name == 'prochem-3.png' %}{% set second = "ProChem_III_Logo_k.svg" %}{% endif %}
  105.                         {% if option.translated.name == 'prochem-5.png' %}{% set second = "ProChem_V_Logo_k.svg" %}{% endif %}
  106.                         {% if option.translated.name == 'prochem-6.png' %}{% set second = "ProChem_VI_Logo_k.svg" %}{% endif %}
  108.                         {% set url = "#{first}#{second}" %}
  110.                         {% if second != '' %}
  111.                             <img class="productLogoImage" src="{{ absolute_url(asset(url)) }}">
  112.                         {% endif %}
  114.                     {% endfor %}
  116.                 {% endif %}
  118.             {% endfor %}
  120.         </div>
  122.         <div class="prodcttitle"><h1>{{ element.data.product.translated.name }}</h1></div>
  128.         {% set bWappen = 0 %}
  130.         {% for group in product.sortedProperties %}
  132.             {% if group.description == 'Schutztypen' %}
  133.                 {% set bWappen = 1 %}
  134.             {% endif %}
  136.             {% if group.description == 'Protection types' %}
  137.                 {% set bWappen = 1 %}
  138.             {% endif %}
  141.         {% endfor %}
  144.         {% if page.header.activeLanguage.translationCode.code == 'en-GB' %}
  146.             {% set Title = "Protection types" %}
  148.         {% elseif page.header.activeLanguage.translationCode.code == 'nl-NL'  %}
  150.             {% set Title = "Soorten bescherming" %}
  152.         {% elseif page.header.activeLanguage.translationCode.code == 'es-ES'  %}
  154.             {% set Title = "Tipos de protección" %}
  156.         {% elseif page.header.activeLanguage.translationCode.code == 'fr-FR'  %}
  158.             {% set Title = "Types de protection" %}
  160.         {% elseif page.header.activeLanguage.translationCode.code == 'it-IT'  %}
  162.             {% set Title = "Tipi di protezione" %}
  164.         {% else %}
  166.             {% set Title = "Schutztypen" %}
  168.         {% endif %}
  171.         {% if bWappen == 1 %}
  172.             <div class="CatName"><div class="congiguratorname">{{ Title }}</div><!--<div onclick="run()" class="informationicon">i</div>--></div>
  173.             <div class="clearingItem"></div>
  174.         {% endif %}
  178.         <div class="product-wappen-wrapper">
  180.             {% set en11491 = "noactive" %}
  181.             {% set en11495 = "noactive" %}
  182.             {% set en14126 = "noactive" %}
  183.             {% set en10732 = "noactive" %}
  184.             {% set typ1 = "noactive" %}
  185.             {% set typ2 = "noactive" %}
  186.             {% set typ3 = "noactive" %}
  187.             {% set typ4 = "noactive" %}
  188.             {% set typ5 = "noactive" %}
  189.             {% set typ6 = "noactive" %}
  190.             {% set kat3 = "noactive" %}
  193.             {% for group in product.sortedProperties %}
  195.                 {% for option in group.options %}
  197.                     {% if option.translated.name == 'EN 1149-1' %}
  198.                         {% set en11491 = "active" %}
  199.                     {% endif %}
  201.                     {% if option.translated.name == 'EN 1149-5' %}
  202.                         {% set en11495 = "active" %}
  203.                     {% endif %}
  205.                     {% if option.translated.name == 'EN 14126' %}
  206.                         {% set en14126 = "active" %}
  207.                     {% endif %}
  209.                     {% if option.translated.name == 'EN 1073-2' %}
  210.                         {% set en10732 = "active" %}
  211.                     {% endif %}
  213.                     {% if option.translated.name == 'Typ 1' %}
  214.                         {% set typ1 = "active" %}
  215.                     {% endif %}
  217.                     {% if option.translated.name == 'Typ 2' %}
  218.                         {% set typ1 = "active" %}
  219.                     {% endif %}
  221.                     {% if option.translated.name == 'Typ 3' %}
  222.                         {% set typ3 = "active" %}
  223.                     {% endif %}
  225.                     {% if option.translated.name == 'Typ 4' %}
  226.                         {% set typ4 = "active" %}
  227.                     {% endif %}
  229.                     {% if option.translated.name == 'Typ 5' %}
  230.                         {% set typ5 = "active" %}
  231.                     {% endif %}
  233.                     {% if option.translated.name == 'Typ 6' %}
  234.                         {% set typ6 = "active" %}
  235.                     {% endif %}
  237.                     {% if option.translated.name == 'Kat III' %}
  238.                         {% set kat3 = "active" %}
  239.                     {% endif %}
  241.                 {% endfor %}
  242.             {% endfor %}
  246.             <div id="en11491" class="wappen-icon en11491 {{ en11491 }}"></div>
  247.             <div id="en11495" class="wappen-icon en11495 {{ en11495 }}"></div>
  248.             <div id="en14126" class="wappen-icon en14126 {{ en14126 }}"></div>
  249.             <div id="en10732" class="wappen-icon en10732 {{ en10732 }}"></div>
  250.             <div id="typ1" class="wappen-icon typ1 {{ typ1 }}"></div>
  251.             <div id="typ2" class="wappen-icon typ2 {{ typ2 }}"></div>
  252.             <div id="typ3" class="wappen-icon typ3 {{ typ3 }}"></div>
  253.             <div id="typ4" class="wappen-icon typ4 {{ typ4 }}"></div>
  254.             <div id="typ5" class="wappen-icon typ5 {{ typ5 }}"></div>
  255.             <div id="typ6" class="wappen-icon typ6 {{ typ6 }}"></div>
  256.             <div id="kat3" class="wappen-icon kat3 {{ kat3 }}"></div>
  258.             <div class="clearingItem"></div>
  261.             {% if page.header.activeLanguage.translationCode.code == 'en-GB' %}
  263.                 {% set ProductDetailTooltipen11491 = "surface resistivity" %}
  264.                 {% set ProductDetailTooltipen11495 = "material requirements" %}
  265.                 {% set ProductDetailTooltipen14126 = "biological protection" %}
  266.                 {% set ProductDetailTooltipen10732 = "contaminated radioactive particles" %}
  267.                 {% set ProductDetailTooltiptyp1 = "gases" %}
  268.                 {% set ProductDetailTooltiptyp3 = "liquids" %}
  269.                 {% set ProductDetailTooltiptyp4 = "sprays" %}
  270.                 {% set ProductDetailTooltiptyp5 = "solid fibers" %}
  271.                 {% set ProductDetailTooltiptyp6 = "liquid chemicals" %}
  272.                 {% set ProductDetailTooltipkat3 = "physical damage to health" %}
  274.             {% elseif page.header.activeLanguage.translationCode.code == 'nl-NL'  %}
  276.                 {% set ProductDetailTooltipen11491 = "oppervlakte weerstand" %}
  277.                 {% set ProductDetailTooltipen11495 = "materiële eisen" %}
  278.                 {% set ProductDetailTooltipen14126 = "biologische bescherming" %}
  279.                 {% set ProductDetailTooltipen10732 = "besmette radioactieve deeltjes" %}
  280.                 {% set ProductDetailTooltiptyp1 = "gassen" %}
  281.                 {% set ProductDetailTooltiptyp3 = "vloeistoffen" %}
  282.                 {% set ProductDetailTooltiptyp4 = "spuiten" %}
  283.                 {% set ProductDetailTooltiptyp5 = "stevige vezels" %}
  284.                 {% set ProductDetailTooltiptyp6 = "vloeibare chemicaliën" %}
  285.                 {% set ProductDetailTooltipkat3 = "fysieke schade aan de gezondheid" %}
  287.             {% elseif page.header.activeLanguage.translationCode.code == 'es-ES'  %}
  289.                 {% set ProductDetailTooltipen11491 = "Resistencia superficial" %}
  290.                 {% set ProductDetailTooltipen11495 = "Requisitos de materiales" %}
  291.                 {% set ProductDetailTooltipen14126 = "protección biológica" %}
  292.                 {% set ProductDetailTooltipen10732 = "partículas radiactivas contaminadas" %}
  293.                 {% set ProductDetailTooltiptyp1 = "Gas" %}
  294.                 {% set ProductDetailTooltiptyp3 = "Liquidos" %}
  295.                 {% set ProductDetailTooltiptyp4 = "Pulverización" %}
  296.                 {% set ProductDetailTooltiptyp5 = "Partículas sólidas" %}
  297.                 {% set ProductDetailTooltiptyp6 = "químicos líquidos" %}
  298.                 {% set ProductDetailTooltipkat3 = "daño a la salud física" %}
  300.             {% elseif page.header.activeLanguage.translationCode.code == 'fr-FR'  %}
  302.                 {% set ProductDetailTooltipen11491 = "Résistance superficielle" %}
  303.                 {% set ProductDetailTooltipen11495 = "Exigences matérielles" %}
  304.                 {% set ProductDetailTooltipen14126 = "Protection biologique" %}
  305.                 {% set ProductDetailTooltipen10732 = "particules radioactives contaminées" %}
  306.                 {% set ProductDetailTooltiptyp1 = "Gaz" %}
  307.                 {% set ProductDetailTooltiptyp3 = "Liquides" %}
  308.                 {% set ProductDetailTooltiptyp4 = "Pulvérisation" %}
  309.                 {% set ProductDetailTooltiptyp5 = "Particules solides" %}
  310.                 {% set ProductDetailTooltiptyp6 = "produits chimiques liquides" %}
  311.                 {% set ProductDetailTooltipkat3 = "dommages à la santé physique" %}
  313.             {% elseif page.header.activeLanguage.translationCode.code == 'it-IT'  %}
  315.                 {% set ProductDetailTooltipen11491 = "Resistenza superficiale" %}
  316.                 {% set ProductDetailTooltipen11495 = "Requisiti materiali" %}
  317.                 {% set ProductDetailTooltipen14126 = "Protezione biologica" %}
  318.                 {% set ProductDetailTooltipen10732 = "particelle radioattive contaminate" %}
  319.                 {% set ProductDetailTooltiptyp1 = "Gas" %}
  320.                 {% set ProductDetailTooltiptyp3 = "Liquidi" %}
  321.                 {% set ProductDetailTooltiptyp4 = "Spray" %}
  322.                 {% set ProductDetailTooltiptyp5 = "Particelle solide" %}
  323.                 {% set ProductDetailTooltiptyp6 = "prodotti chimici liquidi" %}
  324.                 {% set ProductDetailTooltipkat3 = "danni alla salute fisica" %}
  326.             {% else %}
  328.                 {% set ProductDetailTooltipen11491 = "Oberflächenwiderstand" %}
  329.                 {% set ProductDetailTooltipen11495 = "Materialanforderungen" %}
  330.                 {% set ProductDetailTooltipen14126 = "Biologischer Schutz" %}
  331.                 {% set ProductDetailTooltipen10732 = "kontaminierte radioaktive Partikel" %}
  332.                 {% set ProductDetailTooltiptyp1 = "Gase" %}
  333.                 {% set ProductDetailTooltiptyp3 = "Flüssigkeiten" %}
  334.                 {% set ProductDetailTooltiptyp4 = "Spray" %}
  335.                 {% set ProductDetailTooltiptyp5 = "Feste Partikel" %}
  336.                 {% set ProductDetailTooltiptyp6 = "flüssige Chemikalien" %}
  337.                 {% set ProductDetailTooltipkat3 = "körperliche Gesundheitsschäden" %}
  339.             {% endif %}
  342.             <script>
  343.                 $("#en11491").attr('title', '{{ ProductDetailTooltipen11491 }}');
  344.                 $("#en11495").attr('title', '{{ ProductDetailTooltipen11495 }}');
  345.                 $("#en14126").attr('title', '{{ ProductDetailTooltipen14126 }}');
  346.                 $("#en10732").attr('title', '{{ ProductDetailTooltipen10732 }}');
  347.                 $("#typ1").attr('title', '{{ ProductDetailTooltiptyp1 }}');
  348.                 $("#typ2").attr('title', '{{ ProductDetailTooltiptyp2 }}');
  349.                 $("#typ3").attr('title', '{{ ProductDetailTooltiptyp3 }}');
  350.                 $("#typ4").attr('title', '{{ ProductDetailTooltiptyp4 }}');
  351.                 $("#typ5").attr('title', '{{ ProductDetailTooltiptyp5 }}');
  352.                 $("#typ6").attr('title', '{{ ProductDetailTooltiptyp6 }}');
  353.                 $("#kat3").attr('title', '{{ ProductDetailTooltipkat3 }}');
  354.             </script>
  356.         </div>
  359.         {% block buy_widget_buy_container %}
  361.             {% block buy_widget_configurator_include %}
  362.                 {% if product.parentId and configuratorSettings|length > 0 %}
  363.                     <div class="product-detail-configurator-container">
  364.                         {% sw_include '@Storefront/storefront/component/buy-widget/configurator.html.twig' %}
  365.                     </div>
  366.                 {% endif %}
  367.             {% endblock %}
  370.             {% block buy_widget_delivery_informations %}
  371.                 <div class="product-detail-delivery-information">
  372.                     {% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %}
  373.                 </div>
  374.             {% endblock %}
  377.             <div itemprop="offers"
  378.                  itemscope
  379.                  itemtype="{% if product.calculatedPrices|length > 1 %}http://schema.org/AggregateOffer{% else %}http://schema.org/Offer{% endif %}">
  380.                 {% block buy_widget_data %}
  381.                     {% block buy_widget_data_rich_snippet_url %}
  382.                         <meta itemprop="url"
  383.                               content="{{ seoUrl('frontend.detail.page', { productId: product.id }) }}"/>
  384.                     {% endblock %}
  386.                     {% block buy_widget_data_rich_snippet_price_range %}
  387.                         {% if product.calculatedPrices|length > 1 %}
  388.                             {% set lowestPrice = false %}
  389.                             {% set highestPrice = false %}
  391.                             {% for price in product.calculatedPrices %}
  392.                                 {% if not lowestPrice or price.unitPrice < lowestPrice %}
  393.                                     {% set lowestPrice = price.unitPrice %}
  394.                                 {% endif %}
  395.                                 {% if not highestPrice or price.unitPrice > highestPrice %}
  396.                                     {% set highestPrice = price.unitPrice %}
  397.                                 {% endif %}
  398.                             {% endfor %}
  400.                             <meta itemprop="lowPrice" content="{{ lowestPrice }}"/>
  401.                             <meta itemprop="highPrice" content="{{ highestPrice }}"/>
  402.                             <meta itemprop="offerCount" content="{{ product.calculatedPrices|length }}"/>
  403.                         {% endif %}
  404.                     {% endblock %}
  406.                     {% block buy_widget_data_rich_snippet_price_currency %}
  407.                         <meta itemprop="priceCurrency"
  408.                               content="{{ context.currency.translated.shortName }}"/>
  409.                     {% endblock %}
  411.                     {% block buy_widget_price %}
  413.                         <div class="product-detail-price-container">
  414.                             {% sw_include '@Storefront/storefront/component/buy-widget/buy-widget-price.html.twig' %}
  415.                         </div>
  417.                     {% endblock %}
  419.                     {% block buy_widget_tax %}
  420.                         <div class="product-detail-tax-container">
  421.                             {% if context.taxState == "gross" %}
  422.                                 {% set taxText = "general.grossTaxInformation"|trans|sw_sanitize %}
  423.                             {% else %}
  424.                                 {% set taxText = "general.netTaxInformation"|trans|sw_sanitize %}
  425.                             {% endif %}
  427.                             <p class="product-detail-tax">
  428.                                 {% block buy_widget_tax_link %}
  429.                                     <a class="product-detail-tax-link"
  430.                                        href="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"
  431.                                        title="{{ taxText }}"
  432.                                     {{ dataBsToggleAttr }}="modal"
  433.                                     data-url="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}">
  434.                                     {{ taxText }}
  435.                                     </a>
  436.                                 {% endblock %}
  437.                             </p>
  438.                         </div>
  447.                     {% endblock %}
  449.                     {% set remoteClickOptions = {
  450.                         selector: "#review-tab-" ~ product.id,
  451.                         scrollToElement: true
  452.                     } %}
  454.                     {% set reviewTabHref = "#review-tab-" ~ product.id ~ "-pane" %}
  456.                     {% block buy_widget_reviews %}
  457.                         {% if product.ratingAverage > 0 and totalReviews > 0 and config('core.listing.showReview') %}
  458.                             <div class="product-detail-reviews">
  460.                                 {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  461.                                     points: product.ratingAverage,
  462.                                     style: 'text-primary'
  463.                                 } %}
  464.                                 <a {{ dataBsToggleAttr }}="tab"
  465.                                 class="product-detail-reviews-link"
  466.                                 data-offcanvas-tabs="true"
  467.                                 data-remote-click="true"
  468.                                 data-remote-click-options='{{ remoteClickOptions|json_encode }}'
  469.                                 href="{{ reviewTabHref }}"
  470.                                 aria-controls="review-tab-pane">
  471.                                 {{ totalReviews }}
  472.                                 {{ "detail.reviewLinkText"|trans({'%count%': totalReviews})|sw_sanitize }}
  473.                                 </a>
  474.                             </div>
  475.                         {% endif %}
  476.                     {% endblock %}
  479.                 {% endblock %}
  483.                 {% block buy_widget_buy_form %}
  484.                     {% if product.active %}
  485.                         <div class="product-detail-form-container">
  486.                             {% sw_include '@Storefront/storefront/component/buy-widget/buy-widget-form.html.twig' %}
  487.                         </div>
  488.                     {% endif %}
  489.                 {% endblock %}
  490.             </div>
  491.         {% endblock %}
  493.         {% if config('core.cart.wishlistEnabled') %}
  494.             {% block buy_widget_wishlist %}
  495.                 {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  496.                     showText: true,
  497.                     size: 'md',
  498.                     productId: product.id
  499.                 } %}
  500.             {% endblock %}
  501.         {% endif %}
  503.         <!-- {% block buy_widget_ordernumber_container %}
  504.             {% if product.productNumber %}
  505.                 <div class="product-detail-ordernumber-container">
  506.                     {% block buy_widget_ordernumber_label %}
  507.                         <span class="product-detail-ordernumber-label">
  508.                             {{ "detail.productNumberLabel"|trans|sw_sanitize }}
  509.                         </span>
  510.                     {% endblock %}
  512.                     {% block buy_widget_ordernumber %}
  513.                         <meta itemprop="productID"
  514.                               content="{{ product.id }}"/>
  515.                         <span class="product-detail-ordernumber"
  516.                               itemprop="sku">
  517.                             {{ product.productNumber }}
  518.                         </span>
  519.                     {% endblock %}
  520.                 </div>
  521.             {% endif %}
  522.         {% endblock %}-->
  523.     </div>
  524. {% endblock %}