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

Open in your IDE?
  1. {% set product = order_item.variant.product %}
  3. {% form_theme form '@SyliusShop/Form/theme.html.twig' %}
  5. <div id="sylius-product-selecting-variant">
  6.     {{ sonata_block_render_event('sylius.shop.product.show.before_add_to_cart', {'product': product, 'order_item': order_item}) }}
  8.     {{ form_start(form, {
  9.         'action': path('sylius_shop_ajax_cart_add_item', {'productId': product.id}),
  10.         'attr': {
  11.             'id': 'sylius-product-adding-to-cart',
  12.             'class': 'ui loadable form',
  13.             'novalidate': 'novalidate',
  14.             'data-redirect': path(configuration.getRedirectRoute('summary'))
  15.         }
  16.     }) }}
  18.     {{ form_errors(form) }}
  20.     <div class="ui red label bottom pointing hidden sylius-validation-error" id="sylius-cart-validation-error"></div>
  22.     {% if not product.simple %}
  23.         {% if product.variantSelectionMethodChoice %}
  24.             {% include '@SyliusShop/Product/Show/_variants.html.twig' %}
  25.         {% else %}
  26.             {% include '@SyliusShop/Product/Show/_options.html.twig' %}
  27.         {% endif %}
  28.     {% endif %}
  30. {#    {{ form_row(form.cartItem.quantity) }}#}
  32.     {{ sonata_block_render_event('sylius.shop.product.show.add_to_cart_form', {
  33.         'product': product,
  34.         'order_item': order_item
  35.     }) }}
  37. {#    {{ form_widget(form.wishlists) }}#}
  38.     <br />
  40.     {% if product.getVendor() is null or product.getVendor().isEnabled() %}
  41.         <button type="submit" class="ui large right floated primary icon labeled button" id="buy-product">
  42.             Acheter
  43.         </button>
  44.     {% endif %}
  47. {#    <button#}
  48. {#            id="{{ form.addToWishlist.vars.id }}"#}
  49. {#            name="{{ form.addToWishlist.vars.full_name }}"#}
  50. {#            class="{{ form.addToWishlist.vars.attr.class }}"#}
  51. {#            data-bb-toggle="wishlist-variant"#}
  52. {#            {{ sylius_test_html_attribute('wishlist-add-variant') }}#}
  53. {#    >#}
  54. {#        <i class="heart icon"></i>#}
  55. {#        {{ form.addToWishlist.vars.label|trans }}#}
  56. {#    </button>#}
  58.     {{ form_row(form._token) }}
  59.     {{ form_end(form, {'render_rest': false}) }}
  62.     <a href="" class="ui large button" id="send-message">
  63.         Message
  64.     </a>
  65. </div>
  67. <style>
  68.     /*#sylius-product-selecting-variant{*/
  69.     /*    display: flex;*/
  70.     /*    flex-direction: row;*/
  71.     /*    align-items: center;*/
  72.     /*    justify-content: flex-end;*/
  73.     /*    gap: 2rem;*/
  74.     /*}*/
  75.     /*#send-message, #buy-product{*/
  76.     /*    width: fit-content;*/
  77.     /*    padding: 1.25rem 2rem !important;*/
  78.     /*    color: white;*/
  79.     /*    height: fit-content;*/
  80.     /*    font-weight: bold;*/
  81.     /*    border-radius: 0 !important;*/
  83.     /*}*/
  84.     /*#buy-product{*/
  85.     /*    background-color: black;*/
  86.     /*}*/
  87.     /*#send-message{*/
  88.     /*    background-color: #E35E31;;*/
  89.     /*}*/
  90.     /*#sylius-product-adding-to-cart{*/
  91.     /*    display: flex;*/
  92.     /*    height: fit-content;*/
  93.     /*}*/
  94. </style>