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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/buy-widget-form.html.twig' %}
  3. {% block page_product_detail_buy_form_inner %}
  4.     {# @var page \Shopware\Storefront\Page\Product\ProductPage #}
  6.     {# @var product \Shopware\Core\Content\Product\SalesChannel\SalesChannelProductEntity #}
  7.     {% set product = page.product %}
  9.     {% set addToWishlistOptions = {
  10.         productId: product.id,
  11.         router: {
  12.             add: {
  13.                 afterLoginPath: path('frontend.wishlist.add.after.login', { productId: product.id }),
  14.                 path: path('frontend.wishlist.product.add', { productId: product.id }),
  15.                 token: sw_csrf('frontend.wishlist.product.add', {"mode": "token"})
  16.             },
  17.             remove: {
  18.                 path: path('frontend.wishlist.product.remove', { productId: product.id }),
  19.                 token: sw_csrf('frontend.wishlist.product.remove', {"mode": "token"}),
  20.             }
  21.         }
  22.     } %}
  24.     <form
  25.         id="productDetailPageBuyProductForm"
  26.         action="{% block page_product_detail_buy_form_action %}{{ path('frontend.checkout.line-item.add') }}{% endblock %}"
  27.         method="post"
  28.         class="buy-widget"
  29.         data-add-to-cart="true">
  31.         {% block page_product_detail_buy_form_inner_csrf %}
  32.             {{ sw_csrf('frontend.checkout.line-item.add') }}
  33.         {% endblock %}
  35.         {% set buyable = product.available and product.childCount <= 0 and product.calculatedMaxPurchase > 0 %}
  36.         {% block page_product_detail_buy_container %}
  37.             {% if buyable %}
  38.                 {% set selectQuantityThreshold = 100 %}
  39.                 <div class="primary_actions {{ formRowClass }} buy-widget-container">
  41. {#                <div class="{{ formRowClass }} buy-widget-container">#}
  42.                     {% block page_product_detail_buy_quantity_container %}
  43.                         <div class="product_qty">
  44.                             <div class="block_subtitle">Quantity</div>
  45.                             {% set selectQuantityThreshold = 100 %}
  46.                             {% block page_product_detail_buy_quantity %}
  48.                                     {% block page_product_detail_buy_quantity_input_group %}
  49.                                         <div class="qty_block">
  51.                                             {% block page_product_detail_buy_quantity_input %}
  52.                                                 <span class="decrease_btn"></span>
  53.                                                 <label>
  54.                                                     <span class="label">quantity</span>
  55.                                                     <input
  56.                                                         type="number"
  57.                                                         name="lineItems[{{ product.id }}][quantity]"
  58.                                                         class="qty_input"
  59.                                                         min="{{ product.minPurchase }}"
  60.                                                         max="{{ product.calculatedMaxPurchase }}"
  61.                                                         step="{{ product.purchaseSteps }}"
  62.                                                         value="{{ product.minPurchase }}"
  63.                                                         oninput="this.value=this.value.replace(/[^0-9]/g,'');"
  64.                                                         maxlength="3"
  65.                                                     />
  66.                                                 </label>
  67.                                                 <span class="increase_btn"></span>
  69.                                             {% endblock %}
  70.                                             {% block page_product_detail_buy_quantity_input_unit %}
  71.                                                 {% if product.translated.packUnit %}
  72.                                                     {% if not feature('v6.5.0.0') %}
  73.                                                         <div class="input-group-append">
  74.                                                     {% endif %}
  75.                                                     <span class="input-group-text">
  76.                                                             {% if product.minPurchase > 1 and product.translated.packUnitPlural %}
  77.                                                                 {{ product.translated.packUnitPlural }}
  78.                                                             {% elseif product.translated.packUnit %}
  79.                                                                 {{ product.translated.packUnit }}
  80.                                                             {% endif %}
  81.                                                         </span>
  82.                                                     {% if not feature('v6.5.0.0') %}
  83.                                                         </div>
  84.                                                     {% endif %}
  85.                                                 {% endif %}
  86.                                         </div>
  87.                                     {% endblock %}
  89.                                     {% endblock %}
  91.                             {% endblock %}
  92.                         </div>
  93.                     {% endblock %}
  95.                     {% block page_product_detail_buy_redirect_input %}
  96.                         {# fallback redirect back to detail page is deactivated via js #}
  97.                         <input type="hidden"
  98.                                name="redirectTo"
  99.                                value="frontend.detail.page">
  101.                         <input type="hidden"
  102.                                name="redirectParameters"
  103.                                data-redirect-parameters="true"
  104.                                value='{"productId": "{{ product.id }}"}'>
  105.                     {% endblock %}
  107.                     {% block page_product_detail_buy_product_buy_info %}
  108.                         <input type="hidden"
  109.                                name="lineItems[{{ product.id }}][id]"
  110.                                value="{{ product.id }}">
  111.                         <input type="hidden"
  112.                                name="lineItems[{{ product.id }}][type]"
  113.                                value="product">
  114.                         <input type="hidden"
  115.                                name="lineItems[{{ product.id }}][referencedId]"
  116.                                value="{{ product.id }}">
  117.                         <input type="hidden"
  118.                                name="lineItems[{{ product.id }}][stackable]"
  119.                                value="1">
  120.                         <input type="hidden"
  121.                                name="lineItems[{{ product.id }}][removable]"
  122.                                value="1">
  123.                     {% endblock %}
  125.                     {% block page_product_detail_product_buy_meta %}
  126.                         <input type="hidden"
  127.                                name="product-name"
  128.                                value="{{ product.translated.name }}">
  129.                         <input type="hidden"
  130.                                name="brand-name"
  131.                                value="{{ product.manufacturer.getName() }}">
  132.                     {% endblock %}
  134.                     {% block page_product_detail_buy_button_container %}
  135.                         <div class="add_cart_btn">
  136.                             {% block page_product_detail_buy_button %}
  137.                                 {# @deprecated tag:v6.5.0 - Bootstrap v5 removes `btn-block` class, use `d-grid` wrapper instead #}
  138.                                 {% if feature('v6.5.0.0') %}
  140.                                         <button class="primary_btn"
  141.                                                 title="{{ "detail.addProduct"|trans|striptags }}"
  142.                                                 aria-label="{{ "detail.addProduct"|trans|striptags }}">
  143. {#                                            {{ "detail.addProduct"|trans|sw_sanitize }}#}
  144.                                             ADD TO CART
  145.                                         </button>
  147.                                 {% else %}
  148.                                     <button class="primary_btn"
  149.                                             title="{{ "detail.addProduct"|trans|striptags }}"
  150.                                             aria-label="{{ "detail.addProduct"|trans|striptags }}">
  151. {#                                        {{ "detail.addProduct"|trans|sw_sanitize }}#}
  152.                                         ADD TO CART
  153.                                     </button>
  154.                                 {% endif %}
  155.                             {% endblock %}
  156.                         </div>
  157.                     {% endblock %}
  158. {#                </div>#}
  159.             {% endif %}
  160.         {% endblock %}
  161.                 </div>
  162.     </form>
  164.     {% if config('core.cart.wishlistEnabled') %}
  165.     {% block component_product_wishlist_button %}
  166.         <div class="secondary_actions">
  167.             <a href="#"
  168.                class="add_favorite icon_heart product-wishlist-{{ productId }} product-wishlist-action product-wishlist-not-added product-wishlist-loading"
  169.                title="{{ "listing.toggleWishlist"|trans|sw_sanitize }}"
  170.                data-add-to-wishlist="true"
  171.                data-add-to-wishlist-options="{{ addToWishlistOptions|json_encode }}">add favorite</a>
  172.         </div>
  173.     {% endblock %}
  174.     {% endif %}
  175. {% endblock %}