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

Open in your IDE?
  1. {% block page_product_detail_buy_inner %}
  2.     <div class="product-detail-buy 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.                     <meta itemprop="brand"
  7.                           content="{{ page.product.manufacturer.translated.name }}"/>
  8.                 {% endif %}
  9.             {% endblock %}
  11.             {% block page_product_detail_rich_snippets_gtin13 %}
  12.                 {% if page.product.ean %}
  13.                     <meta itemprop="gtin13"
  14.                           content="{{ page.product.ean }}"/>
  15.                 {% endif %}
  16.             {% endblock %}
  18.             {% block page_product_detail_rich_snippets_mpn %}
  19.                 <meta itemprop="mpn"
  20.                       content="{{ page.product.productNumber }}"/>
  21.             {% endblock %}
  23.             {% block page_product_detail_rich_snippets_weight %}
  24.                 {% if page.product.weight %}
  25.                     <meta itemprop="weight"
  26.                           content="{{ page.product.weight }} kg"/>
  27.                 {% endif %}
  28.             {% endblock %}
  30.             {% block page_product_detail_rich_snippets_height %}
  31.                 {% if page.product.height %}
  32.                     <meta itemprop="height"
  33.                           content="{{ page.product.height }} mm"/>
  34.                 {% endif %}
  35.             {% endblock %}
  37.             {% block page_product_detail_rich_snippets_width %}
  38.                 {% if page.product.width %}
  39.                     <meta itemprop="width"
  40.                           content="{{ page.product.width }} mm"/>
  41.                 {% endif %}
  42.             {% endblock %}
  44.             {% block page_product_detail_rich_snippets_depth %}
  45.                 {% if page.product.length %}
  46.                     <meta itemprop="depth"
  47.                           content="{{ page.product.length }} mm"/>
  48.                 {% endif %}
  49.             {% endblock %}
  51.             {% block page_product_detail_rich_snippets_release_date %}
  52.                 <meta itemprop="releaseDate"
  53.                       content="{{ page.product.releaseDate|format_date('short', locale=app.request.locale) }}"/>
  54.             {% endblock %}
  55.         {% endblock %}
  57.         {% block page_product_detail_not_available %}
  58.             {#TODO: NEXT-2784 - product not available message#}
  59.         {% endblock %}
  61.         {% block page_product_detail_buy_container %}
  62.             <div itemprop="offers"
  63.                  itemscope
  64.                  itemtype="{% if page.product.calculatedPrices|length > 1 %}http://schema.org/AggregateOffer{% else %}http://schema.org/Offer{% endif %}">
  65.                 {% block page_product_detail_data %}
  66.                     {% block page_product_detail_data_rich_snippet_url %}
  67.                         <meta itemprop="url"
  68.                               content="{{ seoUrl('frontend.detail.page', { productId: page.product.id }) }}"/>
  69.                     {% endblock %}
  71.                     {% block page_product_detail_data_rich_snippet_price_range %}
  72.                         {% if page.product.calculatedPrices|length > 1 %}
  73.                             {% set lowestPrice = false %}
  74.                             {% set highestPrice = false %}
  76.                             {% for price in page.product.calculatedPrices %}
  77.                                 {% if not lowestPrice or price.unitPrice < lowestPrice %}
  78.                                     {% set lowestPrice = price.unitPrice %}
  79.                                 {% endif %}
  80.                                 {% if not highestPrice or price.unitPrice > highestPrice %}
  81.                                     {% set highestPrice = price.unitPrice %}
  82.                                 {% endif %}
  83.                             {% endfor %}
  85.                             <meta itemprop="lowPrice" content="{{ lowestPrice }}"/>
  86.                             <meta itemprop="highPrice" content="{{ highestPrice }}"/>
  87.                             <meta itemprop="offerCount" content="{{ page.product.calculatedPrices|length }}"/>
  88.                         {% endif %}
  89.                     {% endblock %}
  91.                     {% block page_product_detail_data_rich_snippet_price_currency %}
  92.                         <meta itemprop="priceCurrency"
  93.                               content="{{ context.currency.translated.shortName }}"/>
  94.                     {% endblock %}
  96.                     {% block page_product_detail_price %}
  97.                         <div class="product-detail-price-container">
  98.                             {% sw_include '@Storefront/storefront/page/product-detail/buy-widget-price.html.twig' %}
  99.                         </div>
  100.                     {% endblock %}
  102.                     {% block page_product_detail_tax %}
  103.                         <div class="product-detail-tax-container">
  104.                             {% if context.taxState == "gross" %}
  105.                                 {% set taxText = "general.grossTaxInformation"|trans|sw_sanitize %}
  106.                             {% else %}
  107.                                 {% set taxText = "general.netTaxInformation"|trans|sw_sanitize %}
  108.                             {% endif %}
  110.                             <p class="product-detail-tax">
  111.                                 {% block page_product_detail_tax_link %}
  112.                                     <a class="product-detail-tax-link"
  113.                                        href="{{ path('frontend.cms.page',{ id: shopware.config.core.basicInformation.shippingPaymentInfoPage }) }}"
  114.                                        title="{{ taxText }}"
  115.                                        data-toggle="modal"
  116.                                        data-url="{{ path('frontend.cms.page',{ id: shopware.config.core.basicInformation.shippingPaymentInfoPage }) }}">
  117.                                         {{ taxText }}
  118.                                     </a>
  119.                                 {% endblock %}
  120.                             </p>
  121.                         </div>
  122.                     {% endblock %}
  124.                     {% set remoteClickOptions = {
  125.                         selector: "#review-tab",
  126.                         scrollToElement: true
  127.                     } %}
  129.                     {% block page_product_detail_reviews %}
  130.                         {% if page.product.ratingAverage > 0 and shopware.config.detail.showReviews %}
  131.                             <p 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 data-toggle="tab"
  137.                                    class="product-detail-reviews-link"
  138.                                    data-offcanvas-tabs="true"
  139.                                    data-remote-click="true"
  140.                                    data-remote-click-options='{{ remoteClickOptions|json_encode }}'
  141.                                    href="#review-tab-pane"
  142.                                    aria-controls="review-tab-pane">
  143.                                     {{ page.reviews.totalReviews}}
  144.                                     {{ "detail.reviewLinkText"|trans({'%count%': page.reviews.totalReviews})|sw_sanitize }}
  145.                                 </a>
  146.                             </p>
  147.                         {% endif %}
  148.                     {% endblock %}
  150.                     {% block page_product_detail_delivery_informations %}
  151.                         <div class="product-detail-delivery-information">
  152.                             {% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %}
  153.                         </div>
  154.                     {% endblock %}
  155.                 {% endblock %}
  157.                 {% block page_product_detail_configurator_include %}
  158.                     {% if page.product.parentId and page.configuratorSettings|length > 0 %}
  159.                         <div class="product-detail-configurator-container">
  160.                             {% sw_include '@Storefront/storefront/page/product-detail/configurator.html.twig' %}
  161.                         </div>
  162.                     {% endif %}
  163.                 {% endblock %}
  165.                 {% block page_product_detail_buy_form %}
  166.                     {% if page.product.active %}
  167.                         <div class="product-detail-form-container">
  168.                             {% sw_include '@Storefront/storefront/page/product-detail/buy-widget-form.html.twig' %}
  169.                         </div>
  170.                     {% endif %}
  171.                 {% endblock %}
  172.             </div>
  173.         {% endblock %}
  175.         {% block page_product_detail_ordernumber_container %}
  176.             {% if page.product.productNumber %}
  177.                 <div class="product-detail-ordernumber-container">
  178.                     {% block page_product_detail_ordernumber_label %}
  179.                         <span class="product-detail-ordernumber-label">
  180.                             {{ "detail.ordernumberLabel"|trans|sw_sanitize }}
  181.                         </span>
  182.                     {% endblock %}
  184.                     {% block page_product_detail_ordernumber %}
  185.                         <meta itemprop="productID"
  186.                               content="{{ page.product.id }}"/>
  187.                         <span class="product-detail-ordernumber"
  188.                               itemprop="sku">
  189.                             {{ page.product.productNumber }}
  190.                         </span>
  191.                     {% endblock %}
  192.                 </div>
  193.             {% endif %}
  194.         {% endblock %}
  195.     </div>
  196. {% endblock %}