themes/BootstrapTheme/templates/bundles/SyliusShopBundle/Cart/Widget/_popup.html.twig line 1

Open in your IDE?
  1. {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
  2. {% set context = {"channel": sylius.channel} %}
  3. {% if cart.empty %}
  4. {% else %}
  5.     <div class="panier-deroulant">
  6.         <div class="content-panier-deroulant">
  7.             <div class="scrollPerso_ max-200">
  8.                 {% for item in cart.items %}
  9.                     {% set product_variant = item.variant %}
  10.                     <div class="deroulant-panierBit row align-items-center mx-n2">
  11.                         <span  class="image-panier-der col-auto pl-2 pr-0">
  12.                             {% set product = product_variant.product %}
  13.                           {% include '@SyliusShop/Product/_mainImage.html.twig' with {'product': product, 'filter': 'sylius_shop_product_tiny_thumbnail'} %}
  14.                         </span>
  15.                         <div class="detail-panierBit col-auto px-2">
  16.                             <h3>{{ item.product }}</h3>
  17.                         </div>
  18.                         <div class="detail-bottom col-2 px-2">
  19.                             <span>{{'sylius.ui.qty'|trans}} : {{ item.quantity }}</span>
  20.                         </div>
  21.                         <div class="px-deroulant-panier color-pink-s col px-2"> {{ money.calculatePriceWithTax(product_variant, context) }}</div>
  22.                         <div class="suppr-deroulant-panier col-auto pl-0">
  23.                         <button type="button"
  24.                                 data-js-remove-item-ajax="{{ path('sylius_shop_ajax_cart_item_remove', {'id': item.id}) }}"
  25.                                 data-js-remove-item-ajax-csrf-token="{{ csrf_token(item.id) }}"
  26.                                 class="app-cart-remove-button bg-white border-0 px-0" title="{{'sylius.ui.delete'|trans}}"
  27.                             {{ sylius_test_html_attribute('cart-remove-button', item.productName) }}><img src="{{asset('images/suppr_panier.png')}}" alt="X"></button>
  28.                         </div>
  29.                     </div>
  30.                  {% endfor %}
  31.             </div>
  32.             {% set missingAmountFranco = app_get_missing_franco_port() %}
  33.             {% if missingAmountFranco != 0 %}
  34.             <div class="text-left pt-3 font-seize">{{'app.cart.missing_x_for_franco'|trans}} <span class="color-pink-s">{{ money.format(missingAmountFranco, cart.currencyCode) }}</span> {{'app.cart.before_free_shipping'|trans}}.</div>
  35.             {% endif %}
  36.             <div class="panier-bottom">
  37.                 <table class="text-uppercase font-pro-bold " width="100%" cellpading="0">
  38.                     <tr>
  39.                         <td class="text-left font-seize"><span> {{ 'sylius.ui.total'|trans }} : </span></td>
  40.                         <td class="text-right"><strong class="color-pink-s font-20">{{ money.convertAndFormat(cart.itemsTotal) }}</strong></td>
  41.                     </tr>
  42.                 </table>
  43.             </div>
  44.             <div class="btn-panier-der" >
  45.                 <a href="{{ path('sylius_shop_checkout_start') }}" class="btn-link btn-block font-seize" title="{{'app.cart.finish_my_order'|trans}}"> {{'app.cart.see_cart'|trans}}</a>
  46.             </div>
  47.         </div>
  48.     </div>
  49. {% endif %}