themes/BootstrapChildTheme/SyliusShopBundle/views/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. {% import '@SyliusUi/Macro/flags.html.twig' as flag %}
  7. <div class="ui segment" id="sylius-product-selecting-variant" {{ sylius_test_html_attribute('product-selecting-variant') }}>
  8.     {{ sylius_template_event('sylius.shop.product.show.before_add_to_cart', {'product': product, 'order_item': order_item}) }}
  10.     {{ form_start(form, {'action': path('sylius_shop_ajax_cart_add_item', {'productId': product.id}), 'attr': {'id': 'sylius-product-adding-to-cart', 'class': 'ui loadable form', 'novalidate': 'novalidate', 'data-redirect': path(configuration.getRedirectRoute('summary'))}}) }}
  11.     {{ form_errors(form) }}
  12.     <div class="ui red label bottom pointing hidden sylius-validation-error" id="sylius-cart-validation-error" {{ sylius_test_html_attribute('cart-validation-error') }}></div>
  13.     {% if not product.simple %}
  14.         {% if product.variantSelectionMethodChoice %}
  15.             {% include '@SyliusShop/Product/Show/_variants.html.twig' %}
  16.         {% else %}
  17.             {% include '@SyliusShop/Product/Show/_options.html.twig' %}
  18.         {% endif %}
  19.     {% endif %}
  20.     {{ form_row(form.cartItem.quantity, sylius_test_form_attribute('quantity')) }}
  22.     {{ sylius_template_event('sylius.shop.product.show.add_to_cart_form', {'product': product, 'order_item': order_item, 'form': form}) }}
  25.     {% set taxon = product.mainTaxon %}
  26.     {% set showPrice = true %}
  27.     {% set taxonsToAvoid = ['subscription-packs', 'welcome-packs', 'default-packs'] %}
  29.     {% for taxonToAvoid in taxonsToAvoid %}
  30.         {% if taxonToAvoid in taxon.slug %}
  31.             {% set showPrice = false %}
  32.         {% endif %}
  33.     {% endfor %}
  34.     {% if showPrice == true %}
  35.         <div class="row">
  36.             <div class="col-4 col-md-6 col-lg-4 product-price" {{ sylius_test_html_attribute('product-price-content') }}>
  37.                 {% if not product.enabledVariants.empty() %}
  38.                     {% include '@SyliusShop/Product/Show/_price.html.twig' %}
  39.                 {% endif %}
  40.             </div>
  41.             {% if product.offeredOnly %}
  42.                 <div class="col-8 col-md-6 col-lg-6 font-blue font-weight-bold">{{ 'app.ui.offered_only_label'|trans }}</div>
  43.             {% elseif is_product_owned(product) is empty %}
  44.                 <div class="col-8 col-md-6 col-lg-6 fixed-add-to-cart"> <button type="submit" class="ui huge primary icon labeled button" {{ sylius_test_html_attribute('add-to-cart-button') }}>{{ 'sylius.ui.add_to_cart'|trans }}</button> </div>
  45.                 {% if product.mainTaxon is not null %}
  46.                     {% set taxon = product.mainTaxon %}
  47.                     {% if taxon.enabled %}
  48.                         {% if taxon.code in ['storyteller', 'headphones', 'satchel'] %}
  49.                             <div class="col-lg-10">
  50.                                 {% set promotions = get_promotions_text(product) %}
  51.                                 {% for promotion in promotions %}
  52.                                     <div class="product-frame red font-white font-weight-bold">
  53.                                         <div class="text-uppercase">
  54.                                             {% if promotion.name is defined %}
  55.                                                 {{ promotion.name }}
  56.                                             {% else %}
  57.                                                 {{ promotion.label }}
  58.                                             {% endif %}
  59.                                         </div>
  60.                                         <div>{{ promotion.description }}</div>
  61.                                     </div>
  62.                                 {% endfor %}
  63.                                 <div class="product-frame yellow font-blue text-uppercase font-weight-bold">
  64.                                     {{'sylius.pages.content.freeDeliveryFrance.title'|trans|raw }}
  65.                                 </div>
  66.                                 <div class="product-frame font-blue" style="text-transform:none;font-weight:700">
  67.                                     {{'sylius.pages.content.freeDeliveryFrance.france'|trans|raw }} {{ flag.fromCountryCode('fr') }}
  68.                                     {{'sylius.pages.content.freeDeliveryFrance.belgium'|trans|raw }} {{ flag.fromCountryCode('be') }}
  69.                                     {{'sylius.pages.content.freeDeliveryFrance.luxembourg'|trans|raw }} {{ flag.fromCountryCode('lu') }}
  70.                                 </div>
  71.                             </div>
  72.                         {% endif %}
  73.                     {% endif %}
  74.                 {% endif %}
  75.             {% endif %}
  76.         </div>
  77.         {% for offered_product in offered_products_for(product) %}
  78.             <div class="product-frame yellow font-blue text-left">
  79.                 <a href="{{ path('sylius_shop_product_show', {'slug': offered_product.slug}) }}" class="d-flex align-items-center">
  80.                     <div class="mr-3" style="width: 60px">
  81.                         {% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': offered_product, 'filter': 'sylius_shop_product_tiny_thumbnail'} %}
  82.                     </div>
  83.                     <div>
  84.                         <div class="font-weight-bold">{{ 'app.ui.offered_with_this_product'|trans({'%product%': offered_product.name}) }}</div>
  85.                         {% if is_product_owned(offered_product) %}
  86.                             <div>{{ 'app.ui.offered_product_owned_notice'|trans }}</div>
  87.                         {% endif %}
  88.                     </div>
  89.                 </a>
  90.             </div>
  91.         {% endfor %}
  92.         {% for offering_product in products_offering(product) %}
  93.             <div class="product-frame yellow font-blue text-left">
  94.                 <a href="{{ path('sylius_shop_product_show', {'slug': offering_product.slug}) }}" class="d-flex align-items-center">
  95.                     <div class="mr-3" style="width: 60px">
  96.                         {% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': offering_product, 'filter': 'sylius_shop_product_tiny_thumbnail'} %}
  97.                     </div>
  98.                     <div class="font-weight-bold">{{ 'app.ui.offered_with_product'|trans({'%product%': offering_product.name}) }}</div>
  99.                 </a>
  100.             </div>
  101.         {% endfor %}
  102.     {% endif %}
  103.     {{ form_row(form._token) }}
  104.     {{ form_end(form, {'render_rest': false}) }}
  105. </div>