custom/static-plugins/NdTheme/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' %}
  3. {% block buy_widget %}
  4.     <div class="product-detail-buy{% if elementId %}-{{ elementId }}{% endif %} js-magnifier-zoom-image-container boxed-layout py-10">
  5.         {% block buy_widget_rich_snippets %}
  6.             {{ parent() }}
  7.         {% endblock %}
  9.         {% if not feature('FEATURE_NEXT_16992') %}
  10.             {# @deprecated tag:v6.5.0 tag:)(FEATURE_NEXT_16992) - Block will be removed in v6.5.0 #}
  11.             {% block buy_widget_not_available %}
  12.             {% endblock %}
  13.         {% endif %}
  15.         {% block buy_widget_buy_container %}
  16.             <div itemprop="offers"
  17.                  itemscope
  18.                  itemtype="{% if product.calculatedPrices|length > 1 %}http://schema.org/AggregateOffer{% else %}http://schema.org/Offer{% endif %}">
  19.                 {% block buy_widget_data %}
  20.                     {% block buy_widget_data_rich_snippet_url %}
  21.                         {{ parent() }}
  22.                     {% endblock %}
  23.                     {% block buy_widget_data_rich_snippet_price_range %}
  24.                         {{ parent() }}
  25.                     {% endblock %}
  26.                     {% block buy_widget_data_rich_snippet_price_currency %}
  27.                         {{ parent() }}
  28.                     {% endblock %}
  30.                     {% block page_product_detail_brand %}
  31.                         {% if page.product.manufacturer %}
  32.                             <div class="product-detail-brand">
  33.                                 {{ page.product.manufacturer.translated.name }}
  34.                             </div>
  35.                         {% endif %}
  36.                     {% endblock %}
  38.                     {% block page_product_detail_headline %}
  39.                         <div class="product-detail-headline">
  40.                             {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  41.                         </div>
  42.                     {% endblock %}
  45.                     {% block buy_widget_configurator_include %}
  46.                         {% if product.parentId and configuratorSettings|length > 0 %}
  47.                             <div class="product-detail-configurator-container">
  48.                                 {% sw_include '@Storefront/storefront/component/buy-widget/configurator.html.twig' %}
  49.                             </div>
  50.                         {% endif %}
  51.                     {% endblock %}
  53.                     {% block product_offcanvas_tabs %}
  54.                         {% sw_include '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  55.                     {% endblock %}
  58.                     {% block buy_widget_price %}
  59.                         <div class="product-detail-price-container mt-4">
  60.                             {% sw_include '@Storefront/storefront/component/buy-widget/buy-widget-price.html.twig' %}
  61.                         </div>
  62.                     {% endblock %}
  64.                     {# @deprecated tag:v6.5.0 - Will be removed - The variable will be moved into block `buy_widget_reviews` #}
  65.                     {% set remoteClickOptions = {
  66.                         selector: "#review-tab-" ~ product.id,
  67.                         scrollToElement: true
  68.                     } %}
  70.                     {# @deprecated tag:v6.5.0 - Will be removed - The variable will be moved into block `buy_widget_reviews` #}
  71.                     {% set reviewTabHref = "#review-tab-" ~ product.id ~ "-pane" %}
  73.                     {% block buy_widget_reviews %}
  74.                         {% if product.ratingAverage > 0 and totalReviews > 0 and config('core.listing.showReview') %}
  76.                             {% if remoteClickOptions is not defined %}
  77.                                 {% set remoteClickOptions = {
  78.                                     selector: "#review-tab-" ~ product.id,
  79.                                     scrollToElement: true
  80.                                 } %}
  81.                             {% endif %}
  83.                             {% if reviewTabHref is not defined %}
  84.                                 {% set reviewTabHref = "#review-tab-" ~ product.id ~ "-pane" %}
  85.                             {% endif %}
  87.                             <div class="product-detail-reviews">
  89.                                 {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  90.                                     points: product.ratingAverage,
  91.                                     style: 'text-primary'
  92.                                 } %}
  93.                                 <a {{ dataBsToggleAttr }}="tab"
  94.                                 class="product-detail-reviews-link"
  95.                                 data-offcanvas-tabs="true"
  96.                                 data-remote-click="true"
  97.                                 data-remote-click-options='{{ remoteClickOptions|json_encode }}'
  98.                                 href="{{ reviewTabHref }}"
  99.                                 aria-controls="review-tab-pane">
  100.                                 {{ totalReviews }}
  101.                                 {{ "detail.reviewLinkText"|trans({'%count%': totalReviews})|sw_sanitize }}
  102.                                 </a>
  103.                             </div>
  104.                         {% endif %}
  105.                     {% endblock %}
  107.                     {% block buy_widget_delivery_informations %}
  108.                         <div class="product-detail-delivery-information">
  109.                             {% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %}
  110.                         </div>
  111.                     {% endblock %}
  112.                 {% endblock %}
  114.                 {% block buy_widget_buy_form %}
  115.                     {% if product.active %}
  116.                         <div class="product-detail-form-container">
  117.                             {% sw_include '@Storefront/storefront/component/buy-widget/buy-widget-form.html.twig' %}
  118.                         </div>
  119.                     {% endif %}
  120.                 {% endblock %}
  122.                 {% block buy_widget_upsell_popup %}
  123.                     <section id="upsell-popup-container" data-upsell-popup="true"></section>
  124.                 {% endblock %}
  126.                 {% block buy_widget_usps %}
  127.                     {% set usps = [
  128.                         "company.headerCarousel_1",
  129.                         "company.headerCarousel_2",
  130.                         "company.headerCarousel_3"
  131.                     ] %}
  132.                     {% if usps %}
  133.                         <div class="product-detail-usps mt-6">
  134.                             <ul class="grid grid-gap-2">
  135.                                 {% for item in usps %}
  136.                                     <li class="product-detail-usp text-sm text-black-600">
  137.                                         {# TODO looks like the HERO icons pack is not accepted yet. Look at later. #}
  138.                                         {% sw_icon 'check' style{'pack': 'hero'} %}
  139.                                         {{ item|trans|raw }}
  140.                                     </li>
  141.                                 {% endfor %}
  142.                             </ul>
  143.                         </div>
  144.                     {% endif %}
  145.                 {% endblock %}
  146.             </div>
  147.         {% endblock %}
  148.     </div>
  149. {% endblock %}