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

Open in your IDE?
  1. {% block buy_widget %}
  3.     {% set gesamtleistung = product.customFields.ev_wallboxdaten_gesamtleistung %}
  4.     {% set modulleistung = product.customFields.ev_wallboxdaten_modulleistung %}
  5.     {% set anzmodule = product.customFields.ev_wallboxdaten_anzmodule %}
  6.     {% set bulletpoint1 = product.customFields.ev_produktdaten_bulletpoint1 %}
  7.     {% set bulletpoint2 = product.customFields.ev_produktdaten_bulletpoint2 %}
  8.     {% set bulletpoint3 = product.customFields.ev_produktdaten_bulletpoint3 %}
  9.     {% set bulletpoint4 = product.customFields.ev_produktdaten_bulletpoint4 %}
  10.         {% set namespace = 'EmovaWbTheme' %}
  11.     {% set pack = 'default' %}
  12.     {% set id = product.id %}
  13.     <div class="product-detail-buy{% if elementId %}-{{ elementId }}{% endif %} js-magnifier-zoom-image-container">
  14.         {% block buy_widget_rich_snippets %}
  15.             {% block buy_widget_rich_snippets_brand %}
  16.                 {% if product.manufacturer %}
  17.                     <div itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
  18.                         <meta itemprop="name" content="{{ product.manufacturer.translated.name }}" />
  19.                     </div>
  20.                 {% endif %}
  21.             {% endblock %}
  23.             {% block buy_widget_rich_snippets_gtin13 %}
  24.                 {% if product.ean %}
  25.                     <meta itemprop="gtin13"
  26.                           content="{{ product.ean }}"/>
  27.                 {% endif %}
  28.             {% endblock %}
  30.             {% block buy_widget_rich_snippets_mpn %}
  31.                 {% if product.manufacturerNumber %}
  32.                     <meta itemprop="mpn"
  33.                           content="{{ product.manufacturerNumber }}"/>
  34.                 {% endif %}
  35.             {% endblock %}
  37.             {% block buy_widget_rich_snippets_weight %}
  38.                 {% if product.weight %}
  39.                     <meta itemprop="weight"
  40.                           content="{{ product.weight }} kg"/>
  41.                 {% endif %}
  42.             {% endblock %}
  44.             {% block buy_widget_rich_snippets_height %}
  45.                 {% if product.height %}
  46.                     <meta itemprop="height"
  47.                           content="{{ product.height }} mm"/>
  48.                 {% endif %}
  49.             {% endblock %}
  51.             {% block buy_widget_rich_snippets_width %}
  52.                 {% if product.width %}
  53.                     <meta itemprop="width"
  54.                           content="{{ product.width }} mm"/>
  55.                 {% endif %}
  56.             {% endblock %}
  58.             {% block buy_widget_rich_snippets_depth %}
  59.                 {% if product.length %}
  60.                     <meta itemprop="depth"
  61.                           content="{{ product.length }} mm"/>
  62.                 {% endif %}
  63.             {% endblock %}
  65.             {% block buy_widget_rich_snippets_release_date %}
  66.                 <meta itemprop="releaseDate"
  67.                       content="{{ product.releaseDate|format_date(pattern="Y-MM-dd", locale=app.request.locale) }}"/>
  68.             {% endblock %}
  69.         {% endblock %}
  71.         {% if not feature('FEATURE_NEXT_16992') %}
  72.             {# @deprecated tag:v6.5.0 tag:)(FEATURE_NEXT_16992) - Block will be removed in v6.5.0 #}
  73.             {% block buy_widget_not_available %}
  74.             {% endblock %}
  75.         {% endif %}
  77.         {% block buy_widget_buy_container %}
  78.             <div itemprop="offers"
  79.                  itemscope
  80.                  itemtype="{% if product.calculatedPrices|length > 1 %}http://schema.org/AggregateOffer{% else %}http://schema.org/Offer{% endif %}">
  81.                 <h2 style="color: #000; font-size:40px">{{ product.translated.name }}</h2>{# {{ dump(product) }} #}
  82.                 <div style="padding-top:10px">
  83. Es erwarten Sie bifaziale Solarmodule im Fullblack-Design, die durch TOPCon-Technologie auch bei höheren Temperaturen und Schwachlicht eine verbesserte Leistung ermöglichen.
  84.                 </div>
  85.                 <div style="padding-top:10px; padding-bottom:10px;">
  86.  <a href="{{ seoUrl('frontend.detail.page', { productId: id }) }}" title="{{ name }}"  style="opacity: .9; width:100%; margin:0 auto; text-decoration: underline;">mehr erfahren</a>
  87. </div>
  88.         <div style="padding-bottom:10px;display: flex;justify-content: space-between;gap: 0 10px;flex-wrap: wrap">
  89.             <span>
  90.                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="40" viewbox="20 0 20 80">
  91.                     <path transform="translate(-23,80) scale(0.1,-0.1)" fill="#000" stroke="none" d="M366 513 c-10 -49 -19 -96 -22 -105 -4 -15 1 -18 30 -18 34 0 36 -2
  92.                     36 -35 0 -24 5 -35 15 -35 11 0 15 12 15 45 0 45 0 45 -36 45 -29 0 -34 3 -30 18 3 9 10 45 17 80 l12 62 74 0 74 0 -30 -54 c-17 -29 -31 -56 -31 -60 0 -3
  93.                     13 -6 29 -6 l30 0 -52 -85 c-33 -54 -58 -85 -69 -85 -15 0 -18 -9 -18 -47 0 -29 4 -43 9 -38 5 6 46 70 90 143 l81 132 -30 0 c-16 0 -30 3 -30 8 0 4 14 30
  94.                     30 57 16 28 30 53 30 58 0 4 -47 7 -104 7 l-103 0 -17 -87z"/>
  95.                 </svg>
  96.                 {{gesamtleistung}} Gesamtleistung
  97.             </span>
  98.             <span>
  99.                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="40" viewbox="20 0 20 80">
  100.                     <path transform="translate(-23,80) scale(0.1,-0.1)" fill="#000" stroke="none" d="M366 513 c-10 -49 -19 -96 -22 -105 -4 -15 1 -18 30 -18 34 0 36 -2
  101.                     36 -35 0 -24 5 -35 15 -35 11 0 15 12 15 45 0 45 0 45 -36 45 -29 0 -34 3 -30 18 3 9 10 45 17 80 l12 62 74 0 74 0 -30 -54 c-17 -29 -31 -56 -31 -60 0 -3
  102.                     13 -6 29 -6 l30 0 -52 -85 c-33 -54 -58 -85 -69 -85 -15 0 -18 -9 -18 -47 0 -29 4 -43 9 -38 5 6 46 70 90 143 l81 132 -30 0 c-16 0 -30 3 -30 8 0 4 14 30
  103.                     30 57 16 28 30 53 30 58 0 4 -47 7 -104 7 l-103 0 -17 -87z"/>
  104.                 </svg>
  105.                 {{modulleistung}} pro Modul &nbsp;&nbsp;
  106.             </span>
  107.             <span>
  108.                 <svg width="24" height="40" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg" stroke="#000" stroke-width="1.25px" fill="none">
  109.                     <rect width="6" height="6" rx="1" x="1" y="5"/><rect width="6" height="6" rx="1" x="8" y="5"/><rect width="6" height="6" rx="1" x="1" y="13"/><rect width="6" height="6" rx="1" x="8" y="13"/>
  110.                 </svg>
  111.                 {{anzmodule}} Module
  112.             </span>
  113.         </div>
  114.     </div>
  115.     <div>
  116.         {% if bulletpoint1 is not empty or bulletpoint2 is not empty or
  117.             bulletpoint3 is not empty or bulletpoint4 is not empty %}
  118.         <ul class="landingbulletpoints">
  119.         {% if bulletpoint1 is not empty %}
  120.         <li>{{bulletpoint1}}{# {{ source('@' ~ namespace ~ '/assets/icon/'~ pack ~'/view-grid.svg') }} #}</li>
  121.         {% endif %}
  122.         {% if bulletpoint2 is not empty %}
  123.         <li>{{bulletpoint2}}</li>
  124.         {% endif %}
  125.         {% if bulletpoint3 is not empty %}
  126.         <li>{{bulletpoint3}}</li>
  127.         {% endif %}
  128.                 </ul>
  129.         {% endif %}
  131.     </div>
  133.                 {% block buy_widget_configurator_include %}
  134.                     {% if product.parentId and configuratorSettings|length > 0 %}
  135.                         <div class="product-detail-configurator-container">
  136.                             {% sw_include '@Storefront/storefront/component/buy-widget/configurator.html.twig' %}
  137.                         </div>
  138.                     {% endif %}
  139.                 {% endblock %}
  140.                 {% block buy_widget_buy_form %}
  141.                     {% if product.active %}
  142.                         <div class="product-detail-form-container">
  143.                             {% sw_include '@Storefront/storefront/component/buy-widget/buy-widget-form.html.twig' %}
  144.                         </div>
  145.                     {% endif %}
  146.                 {% endblock %}
  147.                 {% block buy_widget_data %}
  148.                     {% block buy_widget_data_rich_snippet_url %}
  149.                         <meta itemprop="url"
  150.                               content="{{ seoUrl('frontend.detail.page', { productId: product.id }) }}"/>
  151.                     {% endblock %}
  155.                     {% block buy_widget_data_rich_snippet_price_range %}
  156.                         {% if product.calculatedPrices|length > 1 %}
  157.                             {% set lowestPrice = false %}
  158.                             {% set highestPrice = false %}
  160.                             {% for price in product.calculatedPrices %}
  161.                                 {% if not lowestPrice or price.unitPrice < lowestPrice %}
  162.                                     {% set lowestPrice = price.unitPrice %}
  163.                                 {% endif %}
  164.                                 {% if not highestPrice or price.unitPrice > highestPrice %}
  165.                                     {% set highestPrice = price.unitPrice %}
  166.                                 {% endif %}
  167.                             {% endfor %}
  169.                             <meta itemprop="lowPrice" content="{{ lowestPrice }}"/>
  170.                             <meta itemprop="highPrice" content="{{ highestPrice }}"/>
  171.                             <meta itemprop="offerCount" content="{{ product.calculatedPrices|length }}"/>
  172.                         {% endif %}
  173.                     {% endblock %}
  175.                     {% block buy_widget_data_rich_snippet_price_currency %}
  176.                         <meta itemprop="priceCurrency"
  177.                               content="{{ context.currency.translated.shortName }}"/>
  178.                     {% endblock %}
  180.                     {% block buy_widget_price %}
  181.                         <div class="product-detail-price-container">
  182.                             {% sw_include '@Storefront/storefront/component/buy-widget/buy-widget-price-landing.html.twig' %}
  183.                         </div>
  184.                     {% endblock %}
  186.                     {% block buy_widget_tax %}
  187.                         <div class="product-detail-tax-container" style="display: none">{# block muss drin, soll aber unsichtbar sein #}
  188.                             {% if context.taxState == "gross" %}
  189.                                 {% set taxText = "general.grossTaxInformation"|trans|sw_sanitize %}
  190.                             {% else %}
  191.                                 {% set taxText = "general.netTaxInformation"|trans|sw_sanitize %}
  192.                             {% endif %}
  194.                             <p class="product-detail-tax">
  195.                                 {% block page_product_detail_tax_link %}
  196.                                     <a class="product-detail-tax-link"
  197.                                        href="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"
  198.                                        title="{{ taxText }}"
  199.                                     {{ dataBsToggleAttr }}="modal"
  200.                                     data-url="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}">
  201.                                     {{ taxText }}
  202.                                     </a>
  203.                                 {% endblock %}
  204.                             </p>
  205.                         </div>
  206.                     {% endblock %}
  208.                     {# @deprecated tag:v6.5.0 - Will be removed - The variable will be moved into block `buy_widget_reviews` #}
  209.                     {% set remoteClickOptions = {
  210.                         selector: "#review-tab-" ~ product.id,
  211.                         scrollToElement: true
  212.                     } %}
  214.                     {# @deprecated tag:v6.5.0 - Will be removed - The variable will be moved into block `buy_widget_reviews` #}
  215.                     {% set reviewTabHref = "#review-tab-" ~ product.id ~ "-pane" %}
  217.                     {% block buy_widget_reviews %}
  218.                         {% if product.ratingAverage > 0 and totalReviews > 0 and config('core.listing.showReview') %}
  220.                             {% if remoteClickOptions is not defined %}
  221.                                 {% set remoteClickOptions = {
  222.                                     selector: "#review-tab-" ~ product.id,
  223.                                     scrollToElement: true
  224.                                 } %}
  225.                             {% endif %}
  227.                             {% if reviewTabHref is not defined %}
  228.                                 {% set reviewTabHref = "#review-tab-" ~ product.id ~ "-pane" %}
  229.                             {% endif %}
  231.                             <div class="product-detail-reviews">
  233.                                 {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  234.                                     points: product.ratingAverage,
  235.                                     style: 'text-primary'
  236.                                 } %}
  237.                                 <a {{ dataBsToggleAttr }}="tab"
  238.                                 class="product-detail-reviews-link"
  239.                                 data-offcanvas-tabs="true"
  240.                                 data-remote-click="true"
  241.                                 data-remote-click-options='{{ remoteClickOptions|json_encode }}'
  242.                                 href="{{ reviewTabHref }}"
  243.                                 aria-controls="review-tab-pane">
  244.                                 {{ totalReviews }}
  245.                                 {{ "detail.reviewLinkText"|trans({'%count%': totalReviews})|sw_sanitize }}
  246.                                 </a>
  247.                             </div>
  248.                         {% endif %}
  249.                     {% endblock %}
  251.                     {% block buy_widget_delivery_informations %}
  252.                     {% endblock %}
  253.                 {% endblock %}
  254.             </div>
  255.         {% endblock %}
  257.         {% if config('core.cart.wishlistEnabled') %}
  258.             {% block buy_widget_wishlist %}
  259.                 {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  260.                     showText: true,
  261.                     size: 'md',
  262.                     productId: product.id
  263.                 } %}
  264.             {% endblock %}
  265.         {% endif %}
  267.         {% block buy_widget_ordernumber_container %}
  268. {#            {% if product.productNumber %}
  269.                 <div class="product-detail-ordernumber-container">
  270.                     {% block buy_widget_ordernumber_label %}
  271.                         <span class="product-detail-ordernumber-label">
  272.                             {{ "detail.productNumberLabel"|trans|sw_sanitize }}
  273.                         </span>
  274.                     {% endblock %}
  276.                     {% block buy_widget_ordernumber %}
  277.                         <meta itemprop="productID"
  278.                               content="{{ product.id }}"/>
  279.                         <span class="product-detail-ordernumber"
  280.                               itemprop="sku">
  281.                             {{ product.productNumber }}
  282.                         </span>
  283.                     {% endblock %}
  284.                 </div>
  285.             {% endif %}  #}
  286.         {% endblock %}
  287.     </div>
  288. {% endblock %}