templates/bundles/SyliusShopBundle/Product/Show/_addToCart.html.twig line 1

  1. {% set product = order_item.variant.product %}
  2. {% form_theme form 'bootstrap_4_layout.html.twig' %}
  3. <div class="ui segment" id="sylius-product-selecting-variant" {{ sylius_test_html_attribute('product-selecting-variant') }}>
  4.     {{ sylius_template_event('sylius.shop.product.show.before_add_to_cart', {'product': product, 'order_item': order_item}) }}
  5.     {{ form_start(form, {'action': path('sylius_shop_ajax_cart_add_item', {'productId': product.id}), 'attr': {'id': 'sylius-product-adding-to-cart', 'class': 'form product-form', 'novalidate': 'novalidate', 'data-redirect': path(configuration.getRedirectRoute('summary'))}}) }}
  6.     {{ form_errors(form) }}
  7.     <div class="ui red label bottom pointing hidden sylius-validation-error" id="sylius-cart-validation-error" {{ sylius_test_html_attribute('cart-validation-error') }}></div>
  9.     <table border="0" width="100%">
  10.         <tr>
  11.             <td>
  12.                 {% if not product.simple %}
  13.                     {% if product.variantSelectionMethodChoice %}
  14.                         {% include '@SyliusShop/Product/Show/_variants.html.twig' %}
  15.                     {% else %}
  16.                         {% include '@SyliusShop/Product/Show/_options.html.twig' %}
  17.                     {% endif %}
  18.                 {% endif %}
  19.             </td>
  20.         </tr>
  21.         <tr>
  22.             <td><br/></td>
  23.         </tr>
  24.     </table>
  25.     <div class="product-details__quantity">
  26.         <h3 class="product-details__quantity-title">Choose quantity</h3>
  27.         <div class="quantity-box">
  28.             <button type="button" class="sub text-white">
  29.                 <i class="fa fa-minus"></i>
  30.             </button>
  31.             <input type="number" id="1" value="1"/>
  32.             <button type="button" class="add text-white">
  33.                 <i class="fa fa-plus"></i>
  34.             </button>
  35.         </div>
  36.     </div>
  39.     {# <div class="form__count">
  40.                 <span class="form__minus"></span>
  41.                 {{ form_widget(form.cartItem.quantity, {'attr':{'class':'form__field'}}) }}
  42.                 <span class="form__plus"></span>
  43.             </div> #}
  44.     {# <div class="product-form__favorite">
  45.                 <svg class="icon">
  46.                   <use xlink:href="#heart"></use>
  47.                 </svg>
  48.               </div> #}
  49.     {# <button class="button button--green" type="submit" style="margin-left:5px;">
  50.                 <span>{{ 'sylius.ui.add_to_cart'|trans }}</span>
  51.                 <svg class="icon">
  52.                     <use xlink:href="#arrow"></use>
  53.                 </svg>
  54.             </button> #}
  55.     {{ sylius_template_event('sylius.shop.product.show.add_to_cart_form', {'product': product, 'order_item': order_item, 'form': form}) }}
  56.     {{ form_row(form._token) }}
  57.     {{ form_end(form, {'render_rest': false}) }}
  58.     <div class="product-details__buttons">
  59.         <div class="product-details__buttons-1">
  60.             <a href="shop-cart.html" class="theme-btn btn-style-one">
  61.                 <span class="btn-title">Add to Wishlist</span>
  62.             </a>
  63.         </div>
  64.         <div class="product-details__buttons-2">
  65.             <a href="shop-product-details.html" class="theme-btn btn-style-one">
  66.                 <span class="btn-title">Add to Wishlist</span>
  67.             </a>
  68.         </div>
  69.     </div>
  70.         <a class="button button--account" href="{{ path('app_frontend_quote_request_new', { 'product': product.id, '_locale':product.translation.locale })}}" style="color:yellow;"> <span>
  71.             <b>{{'app.ui.quote_request'|trans|upper}}</b>
  72.         </span>
  73.         <svg class="icon">
  74.             <use xlink:href="#arrow"></use>
  75.         </svg>
  76.     </a>
  78. </div>