vendor/shopware/storefront/Resources/views/storefront/page/product-detail/buy-widget.html.twig line 1

  1. {% block page_product_detail_buy_inner %}
  2.     <div class="js-magnifier-zoom-image-container">
  3.         {% block page_product_detail_rich_snippets %}
  4.             {% block page_product_detail_rich_snippets_brand %}
  5.                 {% if page.product.manufacturer %}
  6.                     <div itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
  7.                         <meta itemprop="name" content="{{ page.product.manufacturer.translated.name }}" />
  8.                     </div>
  9.                 {% endif %}
  10.             {% endblock %}
  12.             {% block page_product_detail_rich_snippets_gtin13 %}
  13.                 {% if page.product.ean %}
  14.                     <meta itemprop="gtin13"
  15.                           content="{{ page.product.ean }}"/>
  16.                 {% endif %}
  17.             {% endblock %}
  19.             {% block page_product_detail_rich_snippets_mpn %}
  20.                 {% if page.product.manufacturerNumber %}
  21.                     <meta itemprop="mpn"
  22.                           content="{{ page.product.manufacturerNumber }}"/>
  23.                 {% endif %}
  24.             {% endblock %}
  26.             {% block page_product_detail_rich_snippets_weight %}
  27.                 {% if page.product.weight %}
  28.                     <meta itemprop="weight"
  29.                           content="{{ page.product.weight }} kg"/>
  30.                 {% endif %}
  31.             {% endblock %}
  33.             {% block page_product_detail_rich_snippets_height %}
  34.                 {% if page.product.height %}
  35.                     <meta itemprop="height"
  36.                           content="{{ page.product.height }} mm"/>
  37.                 {% endif %}
  38.             {% endblock %}
  40.             {% block page_product_detail_rich_snippets_width %}
  41.                 {% if page.product.width %}
  42.                     <meta itemprop="width"
  43.                           content="{{ page.product.width }} mm"/>
  44.                 {% endif %}
  45.             {% endblock %}
  47.             {% block page_product_detail_rich_snippets_depth %}
  48.                 {% if page.product.length %}
  49.                     <meta itemprop="depth"
  50.                           content="{{ page.product.length }} mm"/>
  51.                 {% endif %}
  52.             {% endblock %}
  54.             {% block page_product_detail_rich_snippets_release_date %}
  55.                 <meta itemprop="releaseDate"
  56.                       content="{{ page.product.releaseDate|format_date(pattern="Y-MM-dd", locale=app.request.locale) }}"/>
  57.             {% endblock %}
  58.         {% endblock %}
  60.         {% block page_product_detail_buy_container %}
  61.             <div itemprop="offers"
  62.                  itemscope
  63.                  itemtype="{% if page.product.calculatedPrices|length > 1 %}http://schema.org/AggregateOffer{% else %}http://schema.org/Offer{% endif %}">
  64.                 {% block page_product_detail_data %}
  65.                     {% block page_product_detail_data_rich_snippet_url %}
  66.                         <meta itemprop="url"
  67.                               content="{{ seoUrl('frontend.detail.page', { productId: page.product.id }) }}"/>
  68.                     {% endblock %}
  70.                     {% block page_product_detail_data_rich_snippet_price_range %}
  71.                         {% if page.product.calculatedPrices|length > 1 %}
  72.                             {% set lowestPrice = false %}
  73.                             {% set highestPrice = false %}
  75.                             {% for price in page.product.calculatedPrices %}
  76.                                 {% if not lowestPrice or price.unitPrice < lowestPrice %}
  77.                                     {% set lowestPrice = price.unitPrice %}
  78.                                 {% endif %}
  79.                                 {% if not highestPrice or price.unitPrice > highestPrice %}
  80.                                     {% set highestPrice = price.unitPrice %}
  81.                                 {% endif %}
  82.                             {% endfor %}
  84.                             <meta itemprop="lowPrice" content="{{ lowestPrice }}"/>
  85.                             <meta itemprop="highPrice" content="{{ highestPrice }}"/>
  86.                             <meta itemprop="offerCount" content="{{ page.product.calculatedPrices|length }}"/>
  87.                         {% endif %}
  88.                     {% endblock %}
  90.                     {% block page_product_detail_data_rich_snippet_price_currency %}
  91.                         <meta itemprop="priceCurrency"
  92.                               content="{{ context.currency.translated.shortName }}"/>
  93.                     {% endblock %}
  95.                     {% block page_product_detail_price %}
  96.                         <div class="product-detail-price-container">
  97.                             {% sw_include '@Storefront/storefront/page/product-detail/buy-widget-price.html.twig' %}
  98.                         </div>
  99.                     {% endblock %}
  101.                     {% block page_product_detail_tax %}
  102.                         <div class="product-detail-tax-container">
  103.                             {% if context.taxState == "gross" %}
  104.                                 {% set taxText = "general.grossTaxInformation"|trans|sw_sanitize %}
  105.                             {% else %}
  106.                                 {% set taxText = "general.netTaxInformation"|trans|sw_sanitize %}
  107.                             {% endif %}
  109.                             <p class="product-detail-tax">
  110.                                 {% block page_product_detail_tax_link %}
  111.                                     <a class="product-detail-tax-link"
  112.                                        href="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"
  113.                                        title="{{ taxText }}"
  114.                                        data-ajax-modal="true"
  115.                                        data-url="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}">
  116.                                         {{ taxText }}
  117.                                     </a>
  118.                                 {% endblock %}
  119.                             </p>
  120.                         </div>
  121.                     {% endblock %}
  123.                     {% set remoteClickOptions = {
  124.                         selector: "#review-tab",
  125.                         scrollToElement: true
  126.                     } %}
  128.                     {% block page_product_detail_reviews %}
  129.                         {% if page.product.ratingAverage > 0 and page.reviews.totalReviews > 0 and config('core.listing.showReview') %}
  130.                             <div class="product-detail-reviews">
  132.                                 {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  133.                                     points: page.product.ratingAverage,
  134.                                     style: 'text-primary'
  135.                                 } %}
  136.                                 <a
  137.                                     data-bs-toggle="tab"
  138.                                     class="product-detail-reviews-link"
  139.                                     {# @deprecated tag:v6.6.0 - Registering plugin on selector "data-offcanvas-tabs" is deprecated. Use "data-off-canvas-tabs" instead #}
  140.                                     {% if feature('v6.6.0.0') %}
  141.                                         data-off-canvas-tabs="true"
  142.                                     {% else %}
  143.                                         data-offcanvas-tabs="true"
  144.                                     {% endif %}
  145.                                     data-remote-click="true"
  146.                                     data-remote-click-options='{{ remoteClickOptions|json_encode }}'
  147.                                     href="#review-tab-pane"
  148.                                     aria-controls="review-tab-pane"
  149.                                 >
  150.                                     {{ page.reviews.totalReviews }}
  151.                                     {{ "detail.reviewLinkText"|trans({'%count%': page.reviews.totalReviews})|sw_sanitize }}
  152.                                 </a>
  153.                             </div>
  154.                         {% endif %}
  155.                     {% endblock %}
  157.                     {% block page_product_detail_delivery_informations %}
  158.                         <div class="product-detail-delivery-information">
  159.                             {% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %}
  160.                         </div>
  161.                     {% endblock %}
  162.                 {% endblock %}
  164.                 {% block page_product_detail_configurator_include %}
  165.                     {% if page.product.parentId and page.configuratorSettings|length > 0 %}
  166.                         <div class="product-detail-configurator-container">
  167.                             {% sw_include '@Storefront/storefront/page/product-detail/configurator.html.twig' %}
  168.                         </div>
  169.                     {% endif %}
  170.                 {% endblock %}
  172.                 {% block page_product_detail_buy_form %}
  173.                     {% if page.product.active %}
  174.                         <div class="product-detail-form-container">
  175.                             {% sw_include '@Storefront/storefront/page/product-detail/buy-widget-form.html.twig' %}
  176.                         </div>
  177.                     {% endif %}
  178.                 {% endblock %}
  179.             </div>
  180.         {% endblock %}
  182.         {% if config('core.cart.wishlistEnabled') %}
  183.             {% block page_product_detail_wishlist %}
  184.                 {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  185.                     showText: true,
  186.                     size: 'md',
  187.                     productId: page.product.id
  188.                 } %}
  189.             {% endblock %}
  190.         {% endif %}
  192.         {% block page_product_detail_ordernumber_container %}
  193.             {% if page.product.productNumber %}
  194.                 <div class="product-detail-ordernumber-container">
  195.                     {% block page_product_detail_ordernumber_label %}
  196.                         <span class="product-detail-ordernumber-label">
  197.                             {{ "detail.productNumberLabel"|trans|sw_sanitize }}
  198.                         </span>
  199.                     {% endblock %}
  201.                     {% block page_product_detail_ordernumber %}
  202.                         <meta itemprop="productID"
  203.                               content="{{ page.product.id }}"/>
  204.                         <span class="product-detail-ordernumber"
  205.                               itemprop="sku">
  206.                             {{ page.product.productNumber }}
  207.                         </span>
  208.                     {% endblock %}
  209.                 </div>
  210.             {% endif %}
  211.         {% endblock %}
  212.     </div>
  213. {% endblock %}