custom/plugins/GrimmTheme/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' %}
  4. {% block page_product_detail_buy_form_inner %}
  5.     {# @var page \Shopware\Storefront\Page\Product\ProductPage #}
  7.     {# @var product \Shopware\Core\Content\Product\SalesChannel\SalesChannelProductEntity #}
  8.     {% set product = page.product %}
  10.     <form
  11.         id="productDetailPageBuyProductForm"
  12.         class="show-form-loader show-form-loader-buy-btn"
  13.         action="{% block page_product_detail_buy_form_action %}{{ path('frontend.checkout.line-item.add') }}{% endblock %}"
  14.         method="post"
  15.         data-add-to-cart="true"
  16.         class="buy-widget">
  18.         {% block page_product_detail_buy_form_inner_csrf %}
  19.             {{ sw_csrf('frontend.checkout.line-item.add') }}
  20.         {% endblock %}
  22.         {% set buyable = product.available and product.childCount <= 0 and product.calculatedMaxPurchase > 0 %}
  23.         {% block page_product_detail_buy_container %}
  24.             {% if buyable %}
  25.                 <div class="{{ formRowClass }} buy-widget-container">
  26.                     {% block page_product_detail_buy_quantity_container %}
  27.                         {# show quantity only if request only false #}
  28.                         
  29.                         
  30.                     {% endblock %}
  32.                     {% block page_product_detail_buy_redirect_input %}
  33.                         {# fallback redirect back to detail page is deactivated via js #}
  34.                         <input type="hidden"
  35.                                name="redirectTo"
  36.                                value="frontend.detail.page">
  38.                         <input type="hidden"
  39.                                name="redirectParameters"
  40.                                data-redirect-parameters="true"
  41.                                value='{"productId": "{{ product.id }}"}'>
  42.                     {% endblock %}
  44.                     {% block page_product_detail_buy_product_buy_info %}
  45.                         <input type="hidden"
  46.                                name="lineItems[{{ product.id }}][id]"
  47.                                value="{{ product.id }}">
  48.                         <input type="hidden"
  49.                                name="lineItems[{{ product.id }}][type]"
  50.                                value="product">
  51.                         <input type="hidden"
  52.                                name="lineItems[{{ product.id }}][referencedId]"
  53.                                value="{{ product.id }}">
  54.                         <input type="hidden"
  55.                                name="lineItems[{{ product.id }}][stackable]"
  56.                                value="1">
  57.                         <input type="hidden"
  58.                                name="lineItems[{{ product.id }}][removable]"
  59.                                value="1">
  60.                     {% endblock %}
  62.                     {% block page_product_detail_product_buy_meta %}
  63.                         <input type="hidden"
  64.                                name="product-name"
  65.                                value="{{ product.translated.name }}">
  66.                         <input type="hidden"
  67.                                name="brand-name"
  68.                                value="{{ product.manufacturer.getName() }}">
  69.                     {% endblock %}
  71.                     {% block page_product_detail_buy_button_container %}
  72.                         {% block page_product_detail_price %}
  73.                                     {% set requestOnly = product.translated.customFields.grimm_customfields_productRequest_only %}
  74.                                     {% if requestOnly %}
  75.                                         {# SD:4986 #}
  76.                                         {% set showUVP = product.translated.customFields.grimm_customfields_productRequest_showUVP %}
  77.                                         {% if showUVP %}
  78.                                             {% sw_include '@Storefront/solution360/grimm/product/request-only-uvp-display.html.twig' %}
  79.                                         {% else %}
  80.                                             <div class="product-detail-price-container">
  81.                                                 <p class="product-detail-price">{{ "product.price.priceUponRequest"|trans|sw_sanitize }}</p>
  82.                                             </div>
  83.                                         {% endif %}
  84.                                     {% else %}
  85.                                         <div class="product-detail__discount-info w-100">
  86.                                             {% sw_include '@Storefront/storefront/component/product/card/price-uvp.html.twig' %}
  87.                                             {% sw_include '@Storefront/storefront/component/product/card/price-discount-amount.html.twig' %}
  88.                                         </div>
  89.                                     
  90.                                         <div class="product-detail-price-container row mx-0 col-6 col-md-auto order-1">
  91.                                                 {% sw_include '@Storefront/storefront/component/product/card/price-taxes.html.twig' %}
  92.                                                 {% sw_include '@Storefront/storefront/page/product-detail/buy-widget-price.html.twig' %}
  93.                                                 {% if page.product.purchaseSteps > 1%}
  94.                                                     <span class="grm-price-per-unit" style="font-size: 12px; font-weight: 300;">, Preis pro Stück</span>
  95.                                                 {% endif %}
  96.                                             
  97.                                         </div>
  98.                                     {% endif %}
  100.                                     {% sw_include '@Storefront/storefront/component/product/price-unit-info.html.twig' with { 'product': page.product } %}
  101.                                     
  102.                                     {# show if business customer and > 500 #}
  103.                                     {#  Moved to Index #}
  104.                                     {# {% set requestOnly = product.translated.customFields.grimm_customfields_productRequest_only %}
  105.                                     {% if (product.calculatedPrice.unitPrice >= 500) and (context.taxState == "net") and (requestOnly == false) %}
  106.                                         {% sw_include '@Storefront/solution360/grimm/leasing/leasing-modal.html.twig' 
  107.                                         with {
  108.                                             'price': product.calculatedPrice.unitPrice
  109.                                         }
  110.                                         %}
  111.                                     {% endif %} #}
  113.                                     
  114.                                 {% endblock %}
  115.                             {% block page_product_detail_buy_button %}
  116.                                 {# SD-4986 #}
  117.                                 {% if product.translated.customFields.grimm_customfields_productRequest_only %}
  118.                                     <button class="order-md-2 order-4 col-auto btn btn-request btn-primary font-weight-bold" title="{{ 'detail.requestProduct'|trans|sw_sanitize }}">
  119.                                         {{ "detail.requestProduct"|trans|sw_sanitize }}
  120.                                     </button>
  121.                                 {% else %}
  122.                                     <button class="order-md-2 order-4 col-auto btn btn-block btn-buy font-weight-bold justify-content-center">
  123.                                         <span class="d-sm-inline mr-3">in den Warenkorb</span>
  124.                                         {% sw_icon 'warenkorb' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'sm'} %}
  125.                                     </button>
  126.                                 {% endif %}
  127.                             {% endblock %}
  129.                             {% if product.translated.customFields.grimm_customfields_productRequest_only == false %}
  130.                             {% block page_product_detail_buy_quantity %}
  131.                                 {% set counterPluginConfig = {
  132.                                     'minPurchase': product.minPurchase ? product.minPurchase : 1,
  133.                                     'maxPurchase': product.maxPurchase ? product.maxPurchase : 100,
  134.                                     'purchaseSteps': product.purchaseSteps ? product.purchaseSteps : 1
  135.                                 } %}
  136.                                 <div class="order-2 order-md-3 col-6 col-md-auto product-counter d-flex align-items-center" data-counter-plugin data-counter-plugin-options="{{ counterPluginConfig|json_encode }}">
  137.                                     <span class="d-none d-md-inline d-lg-none d-xl-inline product-detail__counter-label">{{ "detail.dataColumnQuantity"|trans|sw_sanitize }}</span>
  138.                                     <button type="button" class="product-counter__field product-counter__btn product-counter__btn--decrease disabled">-</button>
  139.                                     <input type="number" 
  140.                                         value="{{ product.minPurchase }}" 
  141.                                         min="{{ product.minPurchase }}" 
  142.                                         max="{{ product.maxPurchase }}" 
  143.                                         name="lineItems[{{ product.id }}][quantity]" 
  144.                                         class="product-counter__field product-counter__amount"/>
  145.                                     <button type="button" class="product-counter__field product-counter__btn product-counter__btn--increase{% if product.translated.customFields.grimm_customfields_productRequest_only %} disabled{% endif %}" {% if product.translated.customFields.grimm_customfields_productRequest_only %}disabled{% endif %}>+</button>
  146.                                 </div>
  147.                             {% endblock %}
  148.                         {% endif %}
  150.                         <ul class="order-4 d-none d-md-block product-detail__tools no-print col-auto">
  151.                                     {% if config('ShopmProductComparison') %}
  152.                                         <li>
  153.                                             {% sw_include '@Storefront/storefront/component/product/card/compare-button.html.twig' with {
  154.                                             navigationTree: page.header.navigation.tree,
  155.                                             categoryTree: page.product.categoryTree|last,
  156.                                             product: page.product
  157.                                             } only %}
  158.                                         </li>
  159.                                     {% endif %} 
  160.                                     {# <li id="share">
  161.                                         <button type="button" class="share-btn">{% sw_include '@Storefront/solution360/grimm/product/sharing.html.twig' %}</button>
  162.                                     </li> #}
  163.                                     <li>
  164.                                         {% if config('core.cart.wishlistEnabled') %}
  165.                                                 {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  166.                                                     showText: false,
  167.                                                     productId: page.product.id
  168.                                                 } %}
  169.                                         {% endif %}
  170.                                     </li>
  171.                                 </ul>
  172.                                 <div class="order-3 product-detail__guarantee-delivery-container row d-flex d-md-none">
  173.                                     <div class="col-md-4 text-center text-md-left my-1">
  174.                                         <div class="">
  175.                                             <span class="product-detail_guarantee-information">
  176.                                             {# {% sw_icon 'garantie' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %} #}
  177.                                             {{ "product.freeDelivery"|trans|sw_sanitize }}
  178.                                             </span>
  179.                                         </div>
  180.                                         {# {% sw_include '@Storefront/storefront/page/product-detail/delivery-info.html.twig' %} #}
  181.                                     </div>
  182.                                     {% if product.translated.customFields.grimm_customFields_guarantee %}
  183.                                     <div class="col-md-4 text-center text-md-left my-1">
  184.                                         <div class="">
  185.                                             <span class="product-detail_guarantee-information">
  186.                                             {# {% sw_icon 'garantie' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %} #}
  187.                                             {{ product.translated.customFields.grimm_customFields_guarantee }}
  188.                                             </span>
  189.                                         </div>
  190.                                     </div>
  191.                                     {% endif %}
  192.                                     <div class="col-md-4 text-center text-md-left my-1">
  193.                                         <div class="">
  194.                                             {# <span class="product-detail-delivery-information"> #}
  195.                                                 {% sw_include '@Storefront/storefront/component/product/card/product-delivery-info.html.twig' %}
  196.                                             {# </span> #}
  197.                                         </div>
  198.                                     </div>
  199.                                 </div>
  200.                     {% endblock %}
  201.                 </div>
  202.                 <div class="product-detail__guarantee-delivery-container row d-none d-md-flex">
  203.                                     <div class="col-md-4 text-center text-md-left my-1">
  204.                                         <div class="">
  205.                                             <span class="product-detail_guarantee-information">
  206.                                             {# {% sw_icon 'garantie' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %} #}
  207.                                             {{ "product.freeDelivery"|trans|sw_sanitize }}
  208.                                             </span>
  209.                                         </div>
  210.                                         {# {% sw_include '@Storefront/storefront/page/product-detail/delivery-info.html.twig' %} #}
  211.                                     </div>
  212.                                     {% if product.translated.customFields.grimm_customFields_guarantee %}
  213.                                     <div class="col-md-4 text-center text-md-left my-1">
  214.                                         <div class="">
  215.                                             <span class="product-detail_guarantee-information">
  216.                                             {# {% sw_icon 'garantie' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %} #}
  217.                                             {{ product.translated.customFields.grimm_customFields_guarantee }}
  218.                                             </span>
  219.                                         </div>
  220.                                     </div>
  221.                                     {% endif %}
  222.                                     <div class="col-md-4 text-center text-md-left my-1">
  223.                                         <div class="">
  224.                                             {# <span class="product-detail-delivery-information"> #}
  225.                                                 {% sw_include '@Storefront/storefront/component/product/card/product-delivery-info.html.twig' %}
  226.                                             {# </span> #}
  227.                                         </div>
  228.                                     </div>
  229.                                 </div>
  230.                 {% sw_include '@Storefront/storefront/component/buy-widget/buy-widget-form-customized-products.html.twig' %}
  231.             {% endif %}
  232.         {% endblock %}
  233.     </form>
  234. {% endblock %}