templates/product/cart_drawers.html.twig line 1

Open in your IDE?
  1. <div class="cart-drawer-wrapper" 
  2.     data-controller="cart-drawer" 
  3.     data-url="{{ path('shopping_cart_json') }}"
  4.     data-action="add-to-cart@window->cart-drawer#handleAddToCart"
  5. >
  7.     <!-- Cart Drawer -->
  8.     <div id="cartDrawer" class="cart-drawer">
  9.         <div class="cart-drawer-container {% if cart.isEmpty() is same as(true)%}cart-empty{% endif %}" data-cart-drawer-target="cartContainer">
  10.             
  11.             <div class="cart-header show-cart-content">
  12.                 <div class="wrapper d-flex justify-content-between align-items-center">
  13.                     <h2>Shopping Cart (<span class="cart-products-count" data-cart-drawer-target="productCount">0</span>)</h2>
  14.                     <!-- Cart items go here -->
  15.                     <a href="#" id="closeCart" data-action="click->cart-drawer#closeCart">Close [X]</a>
  16.                 </div>
  17.             </div>
  18.             <div class="cart-content show-cart-content" data-cart-drawer-target="cartContent"></div>
  19.             <div class="cart-footer show-cart-content">
  20.                 <div class="cart-subtotal d-flex justify-content-between">
  21.                     <div class="left">
  22.                         <h4>Subtotal:</h4>
  23.                         <p class="cart-policy">Taxes and <a href="">Shipping</a> calculated at checkout</p>
  24.                     </div>
  25.                     <div class="right">
  26.                         <h4 class="sub-total-amount" data-cart-drawer-target="subtotalAmount">{{ currency(0.00) }}</h4>
  27.                     </div>
  28.                 </div>
  29.                 <div class="policy-scroll">
  30.                     <div class="marquee">
  31.                         <p>All charges are billed in <span>USD</span>. While the content of your cart is currently displayed in <span class="selected-currency"></span>, the checkout will use <span>USD</span> at the most current exchange rate.</p>
  32.                     </div>
  33.                 </div>
  34.                 <div class="agree-term-conditions">
  35.                     <p>
  36.                         <input style="float:none; vertical-align: middle;" type="checkbox" class="agree_terms_conditions">
  37.                         <label style="display:inline; float:none" for="agree">
  38.                             I agree with the <a href="#">terms and conditions</a>
  39.                         </label>
  40.                     </p>
  41.                 </div>
  42.                 <div class="footer-buttons d-flex">
  43.                     <a href="{{ path('shopping_checkout') }}" class="btn btn-teritary-fast btn-checkout"><span class="text">Check out</span></a>
  44.                     <a href="{{ path('shopping_cart') }}" class="btn btn-teritary-fast outline btn-view-cart"><span class="text">View Cart</span></a>
  45.                 </div>
  46.             </div>
  48.             <div class="cart-empty-container">
  49.                 <div class="cart-header">
  50.                     <div class="wrapper d-flex justify-content-between align-items-center">
  51.                         <h2>Shopping Cart (<span class="cart-products-count" data-cart-drawer-target="productCount">0</span>)</h2>
  52.                         <!-- Cart items go here -->
  53.                         <a href="#" id="closeCart" data-action="click->cart-drawer#closeCart">Close [X]</a>
  54.                     </div>
  55.                 </div>
  57.                 <div class="empty-cart text-center">
  58.                     <h4>Cart Empty</h4>
  59.                     <p class="text-center">Your shopping cart is empty</p>
  60.                     <a href="{{ path('product_list') }}">Continue Shoppings</a>
  61.                 </div>
  62.             </div>
  64.         </div>
  65.         <div class="spinner-wrapper" data-cart-drawer-target="spinner">
  66.             <div class="spinner"></div>
  67.             <span>Loading...</span>
  68.         </div>
  69.     </div>
  70.     <!-- Overlay Background -->
  71.     <div id="cartOverlay" class="cart-overlay" data-action="click->cart-drawer#closeCart"></div>
  72. </div>