custom/plugins/sw-asus/src/Resources/views/storefront/page/product-detail/buy-widget.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  4. {% block page_product_detail_buy_container %}
  5.     <script>
  6.         console.log("EasyCredit Ratenkauf: Buy widget form loaded");
  7.         document.addEventListener("DOMContentLoaded", () => {
  8.         const observer = new MutationObserver(() => {
  9.             const easyCreditBtn = document.querySelector("easycredit-express-button");
  10.             console.log(easyCreditBtn);
  11.             if (!easyCreditBtn || !easyCreditBtn.shadowRoot) return;
  12.             console.log("EasyCredit Ratenkauf: Shadow DOM found");
  13.             const longText = easyCreditBtn.shadowRoot.querySelector(".long");
  14.             const shortText = easyCreditBtn.shadowRoot.querySelector(".short");
  16.             if (longText && shortText) {
  17.                 console.log("applying styles");
  18.                 longText.style.fontSize = "8pt";
  19.                 shortText.style.fontSize = "8pt";
  20.                 observer.disconnect(); // Stop observing once applied
  21.             }
  22.         });
  24.         observer.observe(document.body, { childList: true, subtree: true });
  25.     });
  26.     </script>
  27.     <div itemprop="offers" class="detail-offers"
  28.          itemscope
  29.          itemtype="{% if page.product.calculatedPrices|length > 1 %}http://schema.org/AggregateOffer{% else %}http://schema.org/Offer{% endif %}">
  30.         {% block page_product_detail_data %}
  31.             {% block page_product_detail_data_rich_snippet_url %}
  32.                 {{ parent() }}
  33.             {% endblock %}
  35.             {% block page_product_detail_data_rich_snippet_price_range %}
  36.                 {{ parent() }}
  37.             {% endblock %}
  39.             {% block page_product_detail_data_rich_snippet_price_currency %}
  40.                 {{ parent() }}
  41.             {% endblock %}
  43.             {% set remoteClickOptions = {
  44.                 selector: "#review-tab",
  45.                 scrollToElement: true
  46.             } %}
  48.             {% block page_product_detail_reviews %}
  49.                 {{ parent() }}
  50.             {% endblock %}
  51.         {% endblock %}
  53.         {% block page_product_detail_configurator_include %}
  55.         {% endblock %}
  57.         {% block page_product_detail_price %}
  58.             {{ parent() }}
  59.         {% endblock %}
  61.         {% block page_product_detail_tax %}
  62.             <div class="product-detail-tax-container">
  63.                 {% if context.taxState == "gross" %}
  64.                     {% if page.product.calculatedPrice.totalPrice >= 20 %}
  65.                         {% set taxText = "general.grossTaxInformationFree"|trans|sw_sanitize %}
  66.                     {% else %}
  67.                         {% set taxText = "general.grossTaxInformation"|trans|sw_sanitize %}
  68.                     {% endif %}
  69.                 {% else %}
  70.                     {% if page.product.calculatedPrice.totalPrice >= 20 %}
  71.                         {% set taxText = "general.netTaxInformationFree"|trans|sw_sanitize %}
  72.                     {% else %}
  73.                         {% set taxText = "general.netTaxInformation"|trans|sw_sanitize %}
  74.                     {% endif %}
  75.                 {% endif %}
  77.                 <p class="product-detail-tax">
  78.                     {% block page_product_detail_tax_link %}
  79.                         <a class="product-detail-tax-link"
  80.                            href="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"
  81.                            title="{{ taxText }}"
  82.                            data-toggle="modal"
  83.                            data-url="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}">
  84.                             {{ taxText }}
  85.                         </a>
  86.                     {% endblock %}
  87.                 </p>
  88.             </div>
  89.         {% endblock %}
  91.         {% block page_product_detail_delivery_informations %}
  92.             <div class="product-detail-delivery-information">
  93.                 <div class="product-detail-delivery-information__free">
  94.                     {% sw_icon 'check_circle' style {'pack':'default', 'size': 'md'} %}
  95.                     {% if page.product.calculatedPrice.totalPrice >= 20 %}
  96.                         <span>{{ 'productDetailDelivery.Shipping'|trans|sw_sanitize }}</span>
  97.                     {% else %}
  98.                         <span>{{ 'productDetailDelivery.freeShipping'|trans|sw_sanitize }}</span>
  99.                     {% endif %}
  100.                 </div>
  101.                 <div class="product-detail-delivery-information__shipping {% if page.product.availableStock > 0 %} product-detail-delivery-information__shipping--available{% endif %}">
  102.                     {% sw_icon 'delivery' style {'pack':'default', 'size': 'md'} %}
  103.                     {% if page.product.availableStock > 0 %}
  104.                         <div class="label">{{ 'productDetailDelivery.delivery'|trans|sw_sanitize }}</div>
  105.                     {% else %}
  106.                         <div class="label">{{ 'productDetailDelivery.nodelivery'|trans|sw_sanitize }}</div>
  107.                     {% endif %}
  108.                 </div>
  109.                 <div class="product-detail-delivery-information__time">
  110.                     {% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %}
  111.                 </div>
  112.             </div>
  113.         {% endblock %}
  115.         {% if page.product.parentId and page.configuratorSettings|length > 0 %}
  116.             <div class="product-detail-configurator-container">
  117.                 {% sw_include '@Storefront/storefront/page/product-detail/configurator.html.twig' %}
  118.             </div>
  119.         {% endif %}
  121.         {{ parent() }}
  123.         {% sw_include '@Storefront/storefront/component/wishlist/add_wishlist_modal/add-button.html.twig' ignore missing with {productId: page.product.id } %}
  124.     </div>
  125. {% endblock %}
  127. {% block page_product_detail_ordernumber_container %}
  128.     {# remove #}
  129. {% endblock %}