themes/BootstrapChildTheme/SyliusShopBundle/views/Product/Show/_addToCart.html.twig line 1

Open in your IDE?
  1. {% import "@SyliusShop/Common/Macro/icons.html.twig" as icons %}
  2. {% form_theme form '@SyliusShop/Form/theme.html.twig' %}
  4. {% set product = order_item.variant.product %}
  5. {% set show_price = true %}
  6. {% set hasMatrix = false %}
  7. {% set hasSetup = false %}
  8. {% set hasExtras = false %}
  9. {% set productMinQty = product.calculateMinQty %}
  11. {% for option in product.options %}
  12.     {% if option.code == 'matrix' %}{% set hasMatrix = true %}{% endif %}
  13.     {% if option.code == 'setup-charge' %}{% set hasSetup = true %}{% endif %}
  14.     {% if option.code != 'matrix' and option.code != 'setup' and option.code != 'type' %}{% set hasExtras = true %}{% endif %}
  15. {% endfor %}
  18. <div class="options-wrap mt-6" id="sylius-product-selecting-variant" {{ sylius_test_html_attribute('product-selecting-variant') }}>
  19.     {{ sylius_template_event('sylius.shop.product.show.before_add_to_cart', {'product': product, 'order_item': order_item, 'show_price': show_price}) }}
  21.     {% form_theme form '@SyliusShop/Form/theme.html.twig' %}
  22.     {{ form_start(form, {'action': path('sylius_shop_ajax_cart_add_item', {'productId': product.id}), 'attr': {'id': 'sylius-product-adding-to-cart', 'data-js-add-to-cart': 'form', 'class': 'loadable', 'novalidate': 'novalidate', 'data-redirect': path(configuration.getRedirectRoute('summary'))}}) }}
  23.     {{ form_errors(form) }}
  24.     <div class="alert alert-danger d-none" data-js-add-to-cart="error" id="sylius-cart-validation-error" {{ sylius_test_html_attribute('cart-validation-error') }}></div>
  26.     <div class="row product-type-quantity">
  27.         <div class="col-md-6">
  28.             {% for option_form in form.cartItem.variant %}
  29.                 {% if loop.index == 1 %}
  30.                     {{ form_row(option_form, { 'attr': { 'data-option': option_form.vars.name } }) }}
  31.                 {% endif %}
  32.             {% endfor %}
  33.         </div>
  35.         <div class="col-md-6">
  36.             <label for="sylius_add_to_cart_cartItem_quantity" class="form-label">{{ 'app.ui.product.pieces'|trans }}</label>
  37.             <div class="add-to-cart-wrap {% if not product.simple %} col-xl-7 col-md-12 {% else %} col-12 {% endif %}">
  38.                 <div class="count-wrap{% if productMinQty %}-tierprice{% endif %} big">
  39.                     <input type="range" class="form-range d-md-none" min="0" max="10" id="quantity_range" value="0">
  41.                     {{ form_widget(form.cartItem.quantity, sylius_test_form_attribute('quantity')|sylius_merge_recursive({ 'value': productMinQty ?? 1 })) }}
  42.                 </div>
  43.             </div>
  44.         </div>
  46.         <div class="col-3 d-md-none">
  47.             <label for="quantity_range" class="form-label">{{ 'app.ui.product.unit_price'|trans }}</label>
  48.         </div>
  50.         <div class="col-9 text-primary d-md-none">
  51.             <b class="unit-price"></b>
  52.         </div>
  53.     </div>
  55.     {% if not product.simple and hasMatrix %}
  56.     <div class="row extras">
  57.         {% include '@SyliusShop/Product/Show/_options.html.twig' with  {'product': product, 'order_item': order_item, 'show_price': show_price} %}
  58.     </div>
  59.     {% endif %}
  61.     <div class="art-requirements mb-3">
  62.         <h3>{{ 'app.product.detail.art-requirements'|trans }}</h3>
  63.         <a href="/page/art-requirements" title="{{ 'app.product.detail.art-requirements'|trans }}" target="_blank">{{ 'app.product.detail.art-requirements-description'|trans }}</a>
  64.     </div>
  66.     <div class="row product-download">
  67.         <h3>{{ 'app.product.detail.download.title'|trans|raw }}</h3>
  68.         <div class="col-md-4">
  69.             {% if product.files is not empty %}
  70.                 {% for file in product.files %}
  71.                     {% if file.type == 'pdf' %}
  72.                     <a href="{{ asset('/media/file/' ~ file.path) }}" class="btn btn-secondary btn-download" download="{{ product.name }}.pdf">{{ 'app.product.detail.download.button'|trans }}</a>
  73.                     {% endif %}
  74.                 {% endfor %}
  75.                 <div class="description">{{ 'app.product.detail.download.description'|trans }}</div>
  76.             {% else %}
  77.                 <div class="description">{{ 'app.product.detail.download.no-download'|trans|raw }}</div>
  78.             {% endif %}
  80.         </div>
  82.         <div class="col-md-8">
  83.             <div class="form-group row">
  84.                 <div class="col-sm-24 col-md-24 col-lg-24">
  85.                     <div class="col-sm-20 col-md-20 col-lg-20">
  86.                         <div class="field artwork">
  87.                             {{ form_widget(form.cartItem.filesUploaded, sylius_test_form_attribute('filesUploaded')) }}
  88.                         </div>
  89.                         <p>{{ 'app.ui.product.allowed_types'|trans|raw }}</p>
  90.                     </div>
  91.                 </div>
  92.             </div>
  93.         </div>
  94.     </div>
  96.     <div class="row product-note-price">
  97.         <div class="col-md-8 product-note">
  98.             <h3>{{ 'app.product.detail.note_title'|trans|raw }}</h3>
  100.             {{ form_row(form.cartItem.note, { 'attr': { 'placeholder': 'app.form.order_item.note_placeholder'|trans } }) }}
  101.         </div>
  102.         <div class="col-md-4 mb-3 align-self-end">
  103.             {% if hasMatrix %}
  104.                 {# Metrix ak existuje #}
  105.                 {% for option_form in form.cartItem.variant %}
  106.                     {% if loop.index == 2 %}
  107.                         {% form_theme option_form '@SyliusShop/Form/theme.html.twig' %}
  108.                         {{ form_row(option_form, { 'attr': { 'data-option': option_form.vars.name } }) }}
  109.                     {% endif %}
  110.                 {% endfor %}
  111.             {% endif %}
  113.             {% if hasSetup %}
  114. {#                 Setup ak existuje#}
  115.                 {% for option_form in form.cartItem.variant %}
  116.                     {% if loop.index == 3 or (form.cartItem.variant|length == 2 and loop.index == 2) %}
  117.                         {% form_theme option_form '@SyliusShop/Form/theme.html.twig' %}
  118.                         {{ form_row(option_form, { 'attr': { 'data-option': option_form.vars.name } }) }}
  119.                     {% endif %}
  120.                 {% endfor %}
  121.             {% endif %}
  123.             <div class="row total-price">
  124.                 {# Vypocitana suma #}
  125.                 <div class="col-6 title">{{ 'app.product.detail.total_price'|trans }}</div>
  126.                 <div class="col-6 sum">{% include '@SyliusShop/Product/Show/_priceWidget.html.twig' %}</div>
  127.                 <div class="col-12 not-including-shipping">{{ 'app.product.detail.not_including_shipping'|trans }}</div>
  128.             </div>
  131.             <button type="submit" class="btn btn-add-to-cart JS_add-to-cart" aria-label="{{ 'app.product.detail.add_button'|trans }}" {{ sylius_test_html_attribute('add-to-cart-button') }}>{{ 'app.product.detail.add_button'|trans }}</button>
  132.         </div>
  133.     </div>
  135.     {{ form_row(form._token) }}
  136.     {{ form_end(form, {'render_rest': false}) }}
  137. </div>