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

Open in your IDE?
  1. {% 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">
  5.         {% block buy_widget_headline %}
  7.             {# OO Product Title #}
  8.             {% if(theme_config('productDetailBuyboxDisplayProducttitle')) %}
  9.                 {% block buy_widget_headline_title_container %}
  10.                     <h1 class="h2 product-detail-headline-title">
  11.                         {% block buy_widget_headline_title %}
  12.                             {{ product.translated.name }}
  13.                         {% endblock %}
  14.                     </h1>
  15.                 {% endblock %}
  16.             {% endif %}
  18.             {# OO Subtitle-row containing multiple fields #}
  19.             {% if(theme_config('productDetailBuyboxDisplayProductsubtitle')) %}
  20.                 {% block buy_widget_headline_subtitle_container %}
  21.                     <div class="d-flex flex-row pb-2 product-detail-headline-subtitle">
  22.                         {% block buy_widget_headline_subtitle %}
  23.                             {% block buy_widget_headline_subtitle_manufacturer_container %}
  24.                                 <div class="product-detail-headline-subtitle-manufacturer">
  25.                                     {% block buy_widget_headline_subtitle_manufacturer %}
  26.                                          <a href="{{ page.product.manufacturer.link }}"
  27.                                            class="product-detail-manufacturer-link"
  28.                                            title="{{ page.product.manufacturer.translated.name }}">
  29.                                             {% if page.product.manufacturer.media %}
  30.                                                 {% block page_product_detail_manufacturer_logo %}
  31.                                                     <img src="{{ page.product.manufacturer.media|sw_encode_media_url }}"
  32.                                                          class="product-detail-manufacturer-logo"
  33.                                                          alt="{{ page.product.manufacturer.translated.name }}"/>
  34.                                                 {% endblock %}
  35.                                             {% else %}
  36.                                                 {% block page_product_detail_manufacturer_text %}
  37.                                                     {{ page.product.manufacturer.translated.name }}
  38.                                                 {% endblock %}
  39.                                             {% endif %}
  40.                                         </a>
  41.                                     {% endblock %}
  42.                                 </div>
  43.                             {% endblock %}
  44.                             {% block buy_widget_headline_subtitle_product_number_container %}
  45.                                 <div class="ml-4 product-detail-headline-subtitle-product-number">
  46.                                     {% block buy_widget_headline_subtitle_product_number %}
  47.                                         {{ product.productNumber }}
  48.                                     {% endblock %}
  49.                                 </div>
  50.                             {% endblock %}
  51.                         {% endblock %}
  52.                     </div>
  53.                 {% endblock %}
  54.             {% endif %}
  56.             {# OO Additional elements, to be filled by plugins #}
  57.             {% block buy_widget_headline_addition_container %}
  58.                 <div class="d-flex flex-column product-detail-headline-addition">
  59.                     {% block buy_widget_headline_addition %}{% endblock %}
  60.                 </div>
  61.             {% endblock %}
  62.         {% endblock %}
  64.         {% block buy_widget_rich_snippets %}{{ parent() }}{% endblock %}
  65.         {% block buy_widget_not_available %}{{ parent() }}{% endblock %}
  66.         {% block buy_widget_buy_container %}
  68.             <div itemprop="offers"
  69.                  itemscope
  70.                  itemtype="{% if product.calculatedPrices|length > 1 %}http://schema.org/AggregateOffer{% else %}http://schema.org/Offer{% endif %}">
  71.                 {% block buy_widget_data %}
  73.                     {% block buy_widget_data_rich_snippet_url %}{{ parent() }}{% endblock %}
  75.                     {% block buy_widget_data_rich_snippet_price_range %}{{ parent() }}{% endblock %}
  77.                     {% block buy_widget_data_rich_snippet_price_currency %}{{ parent() }}{% endblock %}
  79.                     {% if(theme_config('productDetailBuyboxDisplayProductprice')) %}
  80.                         {% block buy_widget_price %}
  81.                             <div class="product-detail-price-container">
  82.                                 {% sw_include '@ThemeOkeOnline/storefront/component/buy-widget/buy-widget-price.html.twig' %}
  83.                             </div>
  84.                         {% endblock %}
  85.                     {% endif %}
  87.                     {% block buy_widget_tax %}{% endblock %}
  89.                     {% set remoteClickOptions = {
  90.                         selector: "#review-tab-" ~ product.id,
  91.                         scrollToElement: true
  92.                     } %}
  94.                     {% set reviewTabHref = "#review-tab-" ~ product.id ~ "-pane" %}
  96.                     {% block buy_widget_reviews %}
  97.                         {{ parent() }}
  98.                     {% endblock %}
  100.                     {% block buy_widget_delivery_informations %}
  101.                         <div class="product-detail-delivery-information">
  102.                             {% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %}
  103.                         </div>
  104.                     {% endblock %}
  105.                 {% endblock %}
  107.                 {% block buy_widget_configurator_include %}
  108.                     {% if product.parentId and configuratorSettings|length > 0 %}
  109.                         <div class="product-detail-configurator-container">
  110.                             {% sw_include '@parent/storefront/component/buy-widget/configurator.html.twig' %}
  111.                         </div>
  112.                     {% endif %}
  113.                 {% endblock %}
  115.                 {% block buy_widget_buy_form %}
  116.                    {{ parent() }}
  117.                 {% endblock %}
  118.             </div>
  119.         {% endblock %}
  121.         {% if config('core.cart.wishlistEnabled') %}
  122.             {% block buy_widget_wishlist %}
  123.                 {# {% sw_include '@parent/storefront/component/product/card/wishlist.html.twig' with {
  124.                     showText: true,
  125.                     size: 'md',
  126.                     productId: product.id
  127.                 } %} #}
  128.             {% endblock %}
  129.         {% endif %}
  131.         {% block buy_widget_ordernumber_container %}{% endblock %}
  132.     </div>
  133. {% endblock %}