templates/AtechNetCoreBundle/Module/cart.html.twig line 1

Open in your IDE?
  1. <div id="cart" class="cart-dropdown dropdown">
  2.     <button class="dropdown-toggle cart-dropdown-toggle d-none d-md-block" type="button" id="dropdownCartButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  3.         <span class="visually-hidden">{{ 'Open cart dropdown'|trans }}</span>
  4.         <img src="{{ asset('theme/images/icon/header-cart.svg') }}" alt="{{ 'Cart'|trans }}">
  5.         <div class="d-none d-xl-block">
  6.             <span>{{ 'Cart'|trans }}</span> <div id="mini-cart-total">{{ total | price(currency, precision) }}</div>
  7.         </div>
  8.         {% if countItems > 0 %}
  9.             <div class="shopping-cart-item">
  10.                 <img src="{{ asset('theme/images/icon/header-cart-item-count.svg') }}" class="m-0 p-0" alt="{{ 'Cart'|trans }}">
  11.                 <span>{{ countItems }}</span>
  12.             </div>
  13.         {% endif %}
  14.     </button>
  16.     <a href="{{ path('cart_show') }}" class="cart-dropdown-toggle d-flex d-md-none">
  17.         <img src="{{ asset('theme/images/icon/header-cart.svg') }}" alt="{{ 'Cart'|trans }}">
  18.         {% if countItems > 0 %}
  19.             <div class="shopping-cart-item">
  20.                 <img src="{{ asset('theme/images/icon/header-cart-item-count.svg') }}" class="m-0 p-0" alt="{{ 'Cart'|trans }}">
  21.                 <span>{{ countItems }}</span>
  22.             </div>
  23.         {% endif %}
  24.     </a>
  26.     {% if items %}
  27.         <div class="dropdown-menu cart-summary-modal" aria-labelledby="dropdownCartButton">
  28.             {% for item in items %}
  29.                 <div class="cart-content-line item-line" id="mini-cart-item-{{ item.id }}">
  30.                     <div class="row">
  31.                         <div class="col-3 col-lg-2">
  32.                             {% if item.image %}
  33.                                 <img decoding="async" src="{{ item.image }}" alt="{{ item.name }}" width="57" height="43" />
  34.                             {% endif %}
  35.                         </div>
  36.                         <div class="col-9 col-lg-5 summary-content-product-name">
  37.                             <a href="{{ item.href }}" class="cart-content-product-name">
  38.                                 {{ item.name }}
  39.                             </a>
  40.                             <p class="cart-content-product-desc">
  41.                                 {{ 'Product code' | trans }}: {{ item.model }}
  42.                             </p>
  43.                         </div>
  44.                         <div class="col-6 col-lg-1 small">
  45.                             x{{ item.quantity }}
  46.                         </div>
  47.                         <div class="col-6 col-lg-3 cart-content-price-box text-nowrap">
  48.                             <div class="cart-content-price cart-item-total-price" data-item-price="{{ item.price }}">{{ item.price | price(currency, precision) }}</div>
  49.                         </div>
  50.                         <div class="col-2 col-lg-1">
  51.                             <a href="#" data-item="{{ item.id }}" data-product-name="{{ item.name }}" data-remove-url="{{ path('cart_remove') }}" data-option="0" data-product-id="{{ item.productId }}" data-loading-text="<i class='far fa-cog fa-spin'></i>" class="cart-content-remove"><i class="far fa-times"></i></a>
  52.                         </div>
  53.                     </div>
  55.                     {% if item.options %}
  56.                         {% for option in item.options %}
  57.                             <div class="row added-options" data-option="{{ option.id }}">
  58.                                 <div class="offset-3 col-lg-7 offset-lg-1">
  59.                                     {% if option.model %}
  60.                                         <a href="{{ option.href }}" class="cart-content-product-name">
  61.                                             {{ option.title }}: {{ option.value }}
  62.                                         </a>
  63.                                         <p class="cart-content-product-desc">{{ 'Product code' | trans }}: {{ option.model }}</p>
  64.                                     {% else %}
  65.                                         <a class="cart-content-product-desc">
  66.                                             {{ option.title }}: {{ option.value }}
  67.                                         </a>
  68.                                     {% endif %}
  69.                                 </div>
  70.                                 <div class="col-offset-6 col-lg-2 cart-content-price-box">
  71.                                     <div class="cart-content-price cart-content-option-price" data-option-price="{{ option.price }}">
  72.                                         {% if option.price %}
  73.                                             {{ option.price | price(currency, precision) }}
  74.                                         {% endif %}
  75.                                     </div>
  76.                                 </div>
  77.                             </div>
  78.                         {% endfor %}
  79.                     {% endif %}
  80.                 </div>
  81.             {% endfor %}
  82.         
  83.             <div class="summary-total">
  84.                 <div class="cart-content-line">
  85.                     <div class="row">
  86.                         <div class="col-sm-6">
  87.                             <span class="subtotal-text">{{ 'Subtotal' | trans }}:</span>
  88.                         </div>  
  89.                         <div class="col-sm-6 text-end">
  90.                             <span class="subtotal-price" data-subtotal="{{ subTotal }}">{{ subTotal | price(currency, precision) }}</span>
  91.                         </div>  
  92.                     </div>
  93.                 </div>
  95.                 {%- if app.session.get('checkout')['shippingMethodId'] is defined -%}
  96.                     {% if estimation %}
  97.                         <div class="cart-content-line">
  98.                             <div class="row shipping-cost">
  99.                                 <div class="col-sm-8">
  100.                                     {{ 'Shipping cost (calculated at checkout)' | trans }}:
  101.                                 </div>
  102.                                 {% if shippingCost > 0 %}
  103.                                     <div class="col-sm-4 text-end cart-shiping-cost" data-shipping-cost="{{ shippingCost }}">
  104.                                     {{ 'Estimation' | trans }}: {{ shippingCost | price(currency, precision) }}
  105.                                     </div>
  106.                                 {% else %}
  107.                                     <div class="col-sm-4 text-end price-free cart-shiping-cost" data-shipping-cost="0">
  108.                                         {{ 'Free' | trans }}
  109.                                     </div>
  110.                                 {% endif %}
  111.                             </div>
  112.                         </div>
  113.                     {% else %}
  114.                         <div class="cart-content-line">
  115.                             <div class="row shipping-cost">
  116.                                 <div class="col-sm-8">
  117.                                     {{ 'Shipping cost' | trans }}:
  118.                                 </div>
  119.                                 {% if shippingCost > 0 %}
  120.                                     <div class="col-sm-4 text-end" data-shipping-cost="{{ shippingCost }}">
  121.                                         {{ shippingCost | price(currency, precision) }}
  122.                                     </div>
  123.                                 {% else %}
  124.                                     <div class="col-sm-4 text-end price-free" data-shipping-cost="0">
  125.                                         {{ 'Free' | trans }}
  126.                                     </div>
  127.                                 {% endif %}
  128.                             </div>
  129.                         </div>
  130.                     {% endif %}
  131.                 {% endif %}
  133.                 {%- if app.session.get('checkout')['paymentMethodId'] is defined -%}
  134.                     <div class="cart-content-line">
  135.                         <div class="row shipping-cost">
  136.                             <div class="col-sm-8">
  137.                                 {{ 'Payment type' | trans }}:
  138.                             </div>
  139.                             {% if cashOnDeliveryProductItem is defined %}
  140.                                 <div class="col-sm-4 text-end" data-shipping-cost="{{ cashOnDeliveryProductItem.price }}">
  141.                                     {{ cashOnDeliveryProductItem.price | price(currency, precision) }}
  142.                                 </div>
  143.                             {% else %}
  144.                                 <div class="col-sm-4 text-end price-free" data-shipping-cost="0">
  145.                                     {{ 'Free' | trans }}
  146.                                 </div>
  147.                             {% endif %}
  148.                         </div>
  149.                     </div>
  150.                 {% endif %}
  152.                 <div class="cart-content-line code-applied{% if discount < 1 %} d-none{% endif %}">
  153.                     <div class="row shipping-cost">
  154.                         <div class="col-sm-8">
  155.                             {% if three_percent_partner_discount is defined and three_percent_partner_discount %}
  156.                                 {{ 'Payment type discount' | trans }}
  157.                             {% else %}
  158.                                 <span>{{ 'Coupon code applied' | trans }} (#{{ coupon }})</span><a title="#" title="{{ 'Remove coupon' | trans }}"><i class="far fa-times"></i></a>
  159.                             {% endif %}
  160.                         </div>
  161.                         <div class="col-sm-4 text-end">
  162.                             - {{ discount | price(currency, precision) }}
  163.                         </div>
  164.                     </div>
  165.                 </div>
  167.                 <div class="cart-content-line">
  168.                     <div class="row">
  169.                         <div class="col-sm-6">
  170.                             <span class="total-text">{{ 'Total price' | trans }}:</span>
  171.                             <small>({{ 'incl. VAT' | trans }})</small>
  172.                         </div>
  173.                         <div class="col-sm-6 text-end">
  174.                             <span class="total-price justify-content-end" data-total-price="{{ total }}" data-currency="{{ currency }}">{{ total | price(currency, precision) }}</span>
  175.                         </div>  
  176.                     </div>
  177.                 </div>
  178.             </div>
  180.             <div class="buttons clearfix">
  181.                 <div class="float-start">
  182.                 </div>
  183.                 <div class="float-end">
  184.                     <a href="{{ path('cart_show') }}" class="btn btn-primary">{{ 'View cart' | trans }} <i class="fas fa-angle-right"></i></a>
  185.                 </div>
  186.             </div>
  187.         </div>
  188.     {% else %}
  189.         <div class="dropdown-menu p-0" aria-labelledby="dropdownCartButton">
  190.             <div class="buttons text-center rounded">
  191.                 {{ 'Your shopping cart is empty' | trans }}
  192.             </div>
  193.         </div>
  194.     {% endif %}
  195. </div>