custom/static-plugins/NdVoorwindenTheme/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">
  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 hidden font-accent font-medium text-sm lg:block lg:pb-1">
  33.                                 {{ page.product.manufacturer.translated.name }}
  34.                             </div>
  35.                         {% endif %}
  36.                     {% endblock %}
  38.                     {% block page_product_detail_headline %}
  39.                         <div class="product-detail-headline hidden lg:block py-1 lg:pb-3 uppercase">
  40.                             {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  41.                         </div>
  42.                     {% endblock %}
  43.                 {% endblock %}
  45.                 <div class="swap lg:flex lg:flex-col-reverse">
  46.                     {% block buy_widget_configurator_include %}
  47.                         <div class="product-detail-configurator-container">
  48.                             {% sw_include '@Storefront/storefront/component/buy-widget/variations.html.twig' %}
  50.                             {% if page.product.children.elements|length > 0 %}
  51.                                 <div class="py-3">
  52.                                     {% sw_include '@Storefront/storefront/component/buy-widget/configurator.html.twig' %}
  53.                                 </div>
  54.                             {% endif %}
  55.                         </div>
  56.                     {% endblock %}
  58.                     {% block buy_widget_product_description_content_text %}
  59.                         <div class="product-detail-description-text py-3 text-sm"
  60.                              itemprop="description">
  61.                             {{ product.translated.description|raw }}
  62.                         </div>
  63.                     {% endblock %}
  64.                 </div>
  66.                 {% block product_offcanvas_tabs %}
  67.                     {{ parent() }}
  68.                 {% endblock %}
  70.                 {% block buy_widget_price %}
  71.                     <div class="product-detail-price-container py-3">
  72.                         {% sw_include '@Storefront/storefront/component/buy-widget/buy-widget-price.html.twig' %}
  73.                     </div>
  74.                 {% endblock %}
  76.                 {% block buy_widget_buy_form %}
  77.                     {% block buy_widget_delivery_informations %}
  78.                         <div class="product-detail-delivery-information">
  79.                             {% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %}
  80.                         </div>
  81.                     {% endblock %}
  82.                     {% if product.active %}
  83.                         <div class="product-detail-form-container py-3">
  84.                             {% sw_include '@Storefront/storefront/component/buy-widget/buy-widget-form.html.twig' %}
  85.                         </div>
  86.                     {% endif %}
  87.                 {% endblock %}
  89.                 {% block buy_widget_upsell_popup %}
  90.                     {{ parent() }}
  91.                 {% endblock %}
  93.                 {% block buy_widget_usps %}
  94.                     {% set usps = [
  95.                         "company.headerCarousel_1",
  96.                         "company.headerCarousel_2",
  97.                         "company.headerCarousel_3"
  98.                     ] %}
  99.                     {% if usps %}
  100.                         <div class="product-detail-usps pt-3 pb-5">
  101.                             <ul class="grid grid-gap-2">
  102.                                 {% for item in usps %}
  103.                                     <li class="product-detail-usp flex items-center grid-gap-1 text-xs text-grey-900 whitespace-nowrap">
  104.                                         {% sw_icon 'check' style{'pack': 'hero', 'class': 'block w-5'} %}
  105.                                         {{ item|trans|raw }}
  106.                                     </li>
  107.                                 {% endfor %}
  108.                             </ul>
  109.                         </div>
  110.                     {% endif %}
  111.                 {% endblock %}
  112.             </div>
  113.         {% endblock %}
  114.     </div>
  115. {% endblock %}