custom/plugins/FourtwosixThemeExtension/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. {# @fourtwosix-edit: FV: Import eveything because changes to form.data-add-to-cart, form.action and csfr.token were needed  #}
  4. {% block page_product_detail_buy_form_inner %}
  8.     {# @var page \Shopware\Storefront\Page\Product\ProductPage #}
  10.     {# @var product \Shopware\Core\Content\Product\SalesChannel\SalesChannelProductEntity #}
  11.     {% set product = page.product %}
  13.     {# @fourtwosix-edit: FV: imported custom fields value #}
  14.     {% set showPrice = page.product.translated.customFields['akeneo_statusinshoppreiszeigen']  ?? true %}
  15.     {% set canBeOrdered = page.product.translated.customFields['akeneo_statusinshopbestellbar'] ?? true %}
  17.     {# @fourtwosix-edit: FV: endpoint changed #}
  18.     {% if canBeOrdered %}
  19.         {% set action = path('frontend.checkout.line-item.add') %}
  20.     {% else %}
  21.         {% set action = path('fourtwosix.product.request.quotation') %}
  22.     {% endif %}
  24.     <form
  25.             id="productDetailPageBuyProductForm"
  26.             action="{{ action }}"
  27.             method="post"
  28.             class="buy-widget"
  29.             {{ canBeOrdered ? 'data-add-to-cart="true"' : '' }}
  30.     >
  32.     {# @deprecated tag:v6.5.0 - Block page_product_detail_buy_form_inner_csrf will be removed. #}
  33.     {% block page_product_detail_buy_form_inner_csrf %}
  34.         {% if canBeOrdered %}
  35.             {{ sw_csrf('frontend.checkout.line-item.add') }}
  36.         {% else %}
  37.             {{ sw_csrf('fourtwosix.product.request.quotation') }}
  38.         {% endif %}
  39.     {% endblock %}
  41.     {% set buyable = product.available and product.childCount <= 0 and product.calculatedMaxPurchase > 0 %}
  43.     {% block page_product_detail_buy_container %}
  44.         {# @fourtwosix-edit: FV: copied also here because of block(page_product_detail_buy_container) used by zenit  #}
  45.         {% set showPrice = page.product.translated.customFields['akeneo_statusinshoppreiszeigen']  ?? true %}
  46.         {% set canBeOrdered = page.product.translated.customFields['akeneo_statusinshopbestellbar'] ?? true %}
  48.         {# @fourtwosix-edit: if enableUnitConversion is true we use code copied from fourtwosixBuyByQmUnit otherwise from fourtwosixAddPurchaseUnit #}
  49.         {% set productUnitAkeneoKey = product.unit.customFields["akeneo_key"] %}
  50.         {% set productPurchaseUnit =  product.purchaseUnit %}
  51.         {% set enableUnitConversion = productUnitAkeneoKey !== "set" and  productUnitAkeneoKey !== "box" and productPurchaseUnit !== 1.0 %}
  53.         {% if buyable %}
  54.             <div class="buy-widget-container
  55.                 {% if page.product.unit.translated.name != null and enableUnitConversion %}fourtwosix-qm-unit{% else %}{{ formRowClass }}{% endif %}"
  56.                     {% if page.product.purchaseUnit != null and enableUnitConversion %} data-buybyqmunit-plugin="true" {% endif %}>
  58.                 {% block page_product_detail_buy_quantity_container %}
  59.                     {% if enableUnitConversion %}
  61.                         {% if page.product.unit.translated.name != null %}
  62.                             {% sw_include '@Storefront/storefront/component/product/card/price-qm-unit.html.twig' with {
  63.                                 'isCloseout': page.product.isCloseout,
  64.                                 'stock': page.product.calculatedMaxPurchase,
  65.                                 'priceUnit': page.product.calculatedPrice.unitPrice,
  66.                                 'quantityUnit': product.purchaseUnit,
  67.                                 'quantityPack': product.minPurchase,
  68.                                 'sellingUnit': product.minPurchase * product.purchaseUnit,
  69.                                 'purchaseSteps': page.product.purchaseSteps,
  70.                                 'sellingStep': page.product.purchaseSteps * product.purchaseUnit,
  71.                                 'packUnit': product.minPurchase,
  72.                                 'quantityInputName': "lineItems[" ~ page.product.id ~ "][quantity]",
  73.                                 'translatedUnitName': page.product.unit.translated.name,
  74.                                 'minPurchase': product.minPurchase
  75.                             } %}
  76.                         {% else %}
  77.                             {{block("page_product_detail_buy_quantity_container", "@Storefront/storefront/page/product-detail/buy-widget-form.html.twig")}}
  78.                         {% endif %}
  79.                     {% else %}
  80.                         <div class="col-12 col-md-4 mb-2">
  81.                             {% set selectQuantityThreshold = 100 %}
  82.                             {% block page_product_detail_buy_quantity %}
  83.                                 <div class="fourtwosix-add-unit">
  84.                                     {% if (product.calculatedMaxPurchase - product.minPurchase) / product.purchaseSteps > selectQuantityThreshold %}
  85.                                         {% block page_product_detail_buy_quantity_input_group %}
  86.                                             <div class="input-group">
  87.                                                 {% block page_product_detail_buy_quantity_input %}
  88.                                                     <div class="d-flex">
  89.                                                         {{block("page_product_detail_buy_quantity_input", "@Storefront/storefront/page/product-detail/buy-widget-form.html.twig")}}
  91.                                                         {% if page.product.unit != null %}
  92.                                                             <input class="form-control w-25" type="text" placeholder="{{page.product.unit.name}}" readonly>
  93.                                                         {% endif %}
  94.                                                     </div>
  95.                                                 {% endblock %}
  96.                                                 {% block page_product_detail_buy_quantity_input_unit %}
  97.                                                     {{block("page_product_detail_buy_quantity_input_unit", "@Storefront/storefront/page/product-detail/buy-widget-form.html.twig")}}
  99.                                                 {% endblock %}
  100.                                             </div>
  101.                                         {% endblock %}
  102.                                     {% else %}
  103.                                         {% block page_product_detail_buy_quantity_select %}
  104.                                             <div class="d-flex">
  105.                                                 {{block("page_product_detail_buy_quantity_select", "@Storefront/storefront/page/product-detail/buy-widget-form.html.twig")}}
  107.                                                 {% if page.product.unit != null %}
  108.                                                     <input class="form-control w-25" type="text" placeholder="{{page.product.unit.shortCode}}" readonly>
  109.                                                 {% endif %}
  110.                                             </div>
  111.                                         {% endblock %}
  112.                                     {% endif %}
  113.                                 </div>
  114.                             {% endblock %}
  115.                         </div>
  116.                     {% endif %}
  117.                 {% endblock %}
  119.                 {% block page_product_detail_buy_redirect_input %}
  120.                     {# fallback redirect back to detail page is deactivated via js #}
  121.                     {{block("page_product_detail_buy_redirect_input", "@Storefront/storefront/page/product-detail/buy-widget-form.html.twig")}}
  123.                 {% endblock %}
  125.                 {% block page_product_detail_buy_product_buy_info %}
  126.                     {{block("page_product_detail_buy_product_buy_info", "@Storefront/storefront/page/product-detail/buy-widget-form.html.twig")}}
  128.                 {% endblock %}
  130.                 {% block page_product_detail_buy_button_container %}
  131.                     {# @fourtwosix-edit: FV: added check if can be ordered #}
  132.                     {% if canBeOrdered %}
  133.                         {% if enableUnitConversion %}
  134.                             {% if page.product.unit.translated.name != null && page.product.purchaseUnit != null %}
  135.                                 <div class="row mt-4 align-items-center">
  137.                                     <div class="col-12 col-md-6">
  138.                                         {{ "fourtwosix-qm.totalLabel"|trans}}
  139.                                         {# @fourtwosix-edit: FV: manipulate if price is shown #}
  140.                                         {% if showPrice %}
  141.                                         <b class="totalPrice">{{page.product.calculatedPrice.unitPrice|currency(page.product.price|first.currency.currencyId)}}</b>
  142.                                         {% endif %}
  143.                                     </div>
  144.                                     <div class="col-12 col-md-6">
  146.                                         <button class="btn btn-primary btn-block btn-buy" title="{{ "detail.addProduct"|trans|striptags }}" aria-label="{{ "detail.addProduct"|trans|striptags }}">
  147.                                             {{ "detail.addProduct"|trans|sw_sanitize }}
  148.                                         </button>
  149.                                     </div>
  151.                                 </div>
  152.                             {% else %}
  153.                                 {{block("page_product_detail_buy_button_container", "@Storefront/storefront/page/product-detail/buy-widget-form.html.twig")}}
  154.                             {% endif %}
  155.                         {% else %}
  156.                             <div class="col-12 col-md-8">
  157.                                 {% block page_product_detail_buy_button %}
  158.                                     {{block("page_product_detail_buy_button", "@Storefront/storefront/page/product-detail/buy-widget-form.html.twig")}}
  160.                                 {% endblock %}
  161.                             </div>
  162.                         {% endif %}
  163.                     {% else %}
  164.                         {# @fourtwosix-edit: FV: Reuest quotation form #}
  165.                         <div class="form-row mt-4">
  166.                             <div class="form-group col-md-6">
  167.                                 <label for="requestQuotationNameSurname"> {{ 'fourtwosix.request.product.form.nameAndSurname'|trans|sw_sanitize }}</label>
  168.                                 <input required="required" type="text" class="form-control"
  169.                                        name="requestQuotationNameSurname" id="requestQuotationNameSurname">
  170.                             </div>
  171.                             <div class="form-group col-md-6">
  172.                                 <label for="requestQuotationEmail"> {{ 'fourtwosix.request.product.form.email'|trans|sw_sanitize }}</label>
  173.                                 <input required="required" type="email" class="form-control"
  174.                                        value="{{ context.customer.email }}" name="requestQuotationEmail"
  175.                                        id="requestQuotationEmail">
  176.                             </div>
  177.                             <div class="form-group col-md-4">
  178.                                 <label for="requestQuotationZipcode"> {{ 'fourtwosix.request.product.form.zipcode'|trans|sw_sanitize }}</label>
  179.                                 <input required="required" type="text" class="form-control"
  180.                                        name="requestQuotationZipcode" id="requestQuotationZipcode">
  181.                             </div>
  183.                             <div class="form-group col-md-8">
  185.                                 {% set countries = page.countries ? page.countries : page.extensions["FourtwosixShippingCostsCalculator"]["countries"].elements %}
  186.                                 <label for="requestQuotationCountry"> {{ 'fourtwosix.request.product.form.country'|trans|sw_sanitize }}</label>
  187.                                 <select class="form-select form-control" type="text" id="requestQuotationCountry"
  188.                                         name="requestQuotationCountry">
  189.                                     {% for country in countries %}
  190.                                         <option value="{{ country.translated.name }}"
  191.                                                 {{ country.id == context.shippingLocation.country.id ? 'selected="selected"' : '' }}>
  192.                                             {{ country.translated.name }}
  193.                                         </option>
  194.                                     {% endfor %}
  195.                                 </select>
  196.                             </div>
  197.                             <div class="form-group col-12">
  198.                                 <label for="requestQuotationMessage"> {{ 'fourtwosix.request.product.form.message'|trans|sw_sanitize }}</label>
  199.                                 <textarea required="required" class="form-control" id="requestQuotationMessage" name="requestQuotationMessage"
  200.                                           rows="5"></textarea>
  201.                             </div>
  202.                         </div>
  203.                         {# @fourtwosix-edit: FV hidden inputs #}
  204.                         <input required="required" type="hidden" name="requestQuotationProductNumber" value="{{ product.productNumber }}"/>
  205.                         <input required="required" type="hidden" name="requestQuotationProductUnit" value="{{ product.unit.translated.name }}"/>
  206.                         <input required="required" type="hidden" name="requestQuotationProducId" value="{{ product.id }}"/>
  207.                         <div class="row mt-4 align-items-center w-100">
  208.                             <div class="col-12 col-md-6">
  209.                                 {# @fourtwosix-edit: FV: manipulate if price is shown #}
  210.                                 {% if showPrice %}
  211.                                     {{ "fourtwosix-qm.totalLabel"|trans }}
  212.                                     <b class="totalPrice">{{ page.product.calculatedPrice.unitPrice|currency(page.product.price|first.currency.currencyId) }}</b>
  213.                                 {% endif %}
  214.                             </div>
  215.                             <div class="col-12  col-md-6">
  216.                                 <input class="btn btn-primary btn-block btn-buy"
  217.                                        type="submit"
  218.                                        value="{{ 'fourtwosix.request.product.price'|trans|striptags }}"
  219.                                        title="{{ 'fourtwosix.request.product.price'|trans|striptags }}"
  220.                                        aria-label="{{ 'fourtwosix.request.product.price'|trans|striptags }}"/>
  221.                             </div>
  222.                         </div>
  223.                     {% endif %}
  224.                 {% endblock %}
  226.             </div>
  227.         {% endif %}
  228.     {% endblock %}
  231. </form>
  232. {% endblock %}