templates/cart/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5. <!-- PAGE-HEADER -->
  6.                             <div class="page-header">
  7.                                 <div>
  8.                                     <h1 class="page-title">Cart</h1>
  9.                                 </div>
  10.                                 <div class="ms-auto pageheader-btn">
  11.                                     <ol class="breadcrumb">
  12.                                         <li class="breadcrumb-item">Apps</li>
  13.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">E-commerce</a></li>
  14.                                         <li class="breadcrumb-item active" aria-current="page">Cart</li>
  15.                                     </ol>
  16.                                 </div>
  17.                             </div>
  18.                             <!-- PAGE-HEADER END -->
  20.                             <!-- ROW-1 OPEN -->
  21.                             <div class="row">
  22.                                 <div class="col-xl-8 col-md-12">
  23.                                     <div class="card cart">
  24.                                         <div class="card-header border-bottom">
  25.                                             <h3 class="card-title">Shopping Cart</h3>
  26.                                         </div>
  27.                                         <div class="card-body">
  28.                                             <div class="table-responsive">
  29.                                                 <table class="table table-bordered table-vcenter text-nowrap mb-0">
  30.                                                     <thead>
  31.                                                         <tr class="border-top">
  32.                                                             <th class="text-center">S.No.</th>
  33.                                                             <th class="w-10">Preview</th>
  34.                                                             <th>Title</th>
  35.                                                             <th>Price</th>
  36.                                                             <th class="w-15">Quantity</th>
  37.                                                             <th>Actions</th>
  38.                                                         </tr>
  39.                                                     </thead>
  40.                                                     <tbody>
  41.                                                         <tr>
  42.                                                             <td class="text-center">1</td>
  43.                                                             <td>
  44.                                                                 <img src="{{absolute_url(asset('build/images/pngs/1.png'))}}" alt="" class="cart-img">
  45.                                                             </td>
  46.                                                             <td>Digital Camera Pro 30.2MP With Lens</td>
  47.                                                             <td>$3,950</td>
  48.                                                             <td>
  49.                                                                 <input type="number"  name="quantity" class="form-control text-center" value="1" >
  50.                                                             </td>
  51.                                                             <td>
  52.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-danger-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Save for Wishlist"><i class="icon icon-heart  fs-13"></i></a>
  53.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-info-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Remove"><i class="icon icon-trash  fs-13"></i></a>
  54.                                                             </td>
  55.                                                         </tr>
  56.                                                         <tr>
  57.                                                             <td class="text-center">2</td>
  58.                                                             <td>
  59.                                                                 <img src="{{absolute_url(asset('build/images/pngs/4.png'))}}" alt="" class="cart-img">
  60.                                                             </td>
  61.                                                             <td>Attractive Multi Color Flower Pot - Combo Of 3</td>
  62.                                                             <td>$105</td>
  63.                                                             <td >
  64.                                                                 <input type="number"  name="quantity" class="form-control text-center" value="3" >
  65.                                                             </td>
  66.                                                             <td>
  67.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-danger-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Save for Wishlist"><i class="icon icon-heart  fs-13"></i></a>
  68.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-info-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Remove"><i class="icon icon-trash  fs-13"></i></a>
  69.                                                             </td>
  70.                                                         </tr>
  71.                                                         <tr>
  72.                                                             <td class="text-center">3</td>
  73.                                                             <td>
  74.                                                                 <img src="{{absolute_url(asset('build/images/pngs/2.png'))}}" alt="" class="cart-img">
  75.                                                             </td>
  76.                                                             <td>Wireless Bluetooth Game Controller Joystick</td>
  77.                                                             <td>$945</td>
  78.                                                             <td >
  79.                                                                 <input type="number"  name="quantity" class="form-control text-center" value="3" >
  80.                                                             </td>
  81.                                                             <td>
  82.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-danger-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Save for Wishlist"><i class="icon icon-heart  fs-13"></i></a>
  83.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-info-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Remove"><i class="icon icon-trash  fs-13"></i></a>
  84.                                                             </td>
  85.                                                         </tr>
  86.                                                         <tr>
  87.                                                             <td class="text-center">4</td>
  88.                                                             <td>
  89.                                                                 <img src="{{absolute_url(asset('build/images/pngs/5.png'))}}" alt="" class="cart-img">
  90.                                                             </td>
  91.                                                             <td>Long Arm Rechargeable Study Desk Lamp</td>
  92.                                                             <td>$105</td>
  93.                                                             <td >
  94.                                                                 <input type="number"  name="quantity" class="form-control text-center" value="2" >
  95.                                                             </td>
  96.                                                             <td>
  97.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-danger-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Save for Wishlist"><i class="icon icon-heart  fs-13"></i></a>
  98.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-info-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Remove"><i class="icon icon-trash  fs-13"></i></a>
  99.                                                             </td>
  100.                                                         </tr>
  101.                                                         <tr>
  102.                                                             <td class="text-center">5</td>
  103.                                                             <td>
  104.                                                                 <img src="{{absolute_url(asset('build/images/pngs/6.png'))}}" alt="" class="cart-img">
  105.                                                             </td>
  106.                                                             <td>Wood Photo Frame(M) With Wall Decorators</td>
  107.                                                             <td>$106</td>
  108.                                                             <td >
  109.                                                                 <input type="number"  name="quantity" class="form-control text-center" value="5" >
  110.                                                             </td>
  111.                                                             <td>
  112.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-danger-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Save for Wishlist"><i class="icon icon-heart  fs-13"></i></a>
  113.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-info-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Remove"><i class="icon icon-trash  fs-13"></i></a>
  114.                                                             </td>
  115.                                                         </tr>
  116.                                                         <tr>
  117.                                                             <td class="text-center">6</td>
  118.                                                             <td>
  119.                                                                 <img src="{{absolute_url(asset('build/images/pngs/9.png'))}}" alt="" class="cart-img">
  120.                                                             </td>
  121.                                                             <td>Rounded Shape Digital Watch For Men</td>
  122.                                                             <td>$230</td>
  123.                                                             <td >
  124.                                                                 <input type="number"  name="quantity" class="form-control text-center" value="1" >
  125.                                                             </td>
  126.                                                             <td>
  127.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-danger-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Save for Wishlist"><i class="icon icon-heart  fs-13"></i></a>
  128.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-info-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Remove"><i class="icon icon-trash  fs-13"></i></a>
  129.                                                             </td>
  130.                                                         </tr>
  131.                                                         <tr class="border-bottom">
  132.                                                             <td class="text-center">7</td>
  133.                                                             <td>
  134.                                                                 <img src="{{absolute_url(asset('build/images/pngs/8.png'))}}" alt="" class="cart-img">
  135.                                                             </td>
  136.                                                             <td>Analog Wall Clock - 30cm × 30cm</td>
  137.                                                             <td>$110</td>
  138.                                                             <td >
  139.                                                                 <input type="number"  name="quantity" class="form-control text-center" value="1" >
  140.                                                             </td>
  141.                                                             <td>
  142.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-danger-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Save for Wishlist"><i class="icon icon-heart  fs-13"></i></a>
  143.                                                                 <a href="javascript:void(0)" class="btn btn-square btn-info-light me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Remove"><i class="icon icon-trash  fs-13"></i></a>
  144.                                                             </td>
  145.                                                         </tr>
  146.                                                     </tbody>
  147.                                                 </table>
  148.                                             </div>
  149.                                         </div>
  150.                                     </div>
  151.                                 </div>
  152.                                 <div class="col-xl-4 col-md-12">
  153.                                     <div class="card">
  154.                                         <div class="card-header border-bottom">
  155.                                             <h3 class="card-title">Have coupon?</h3>
  156.                                         </div>
  157.                                         <div class="card-body">
  158.                                             <form>
  159.                                                 <div class="form-group">
  160.                                                     <div class="input-group"> <input type="text" id="myInput" class="form-control coupon" placeholder="Coupon code"> <span class="input-group-btn"> <button class="btn btn-primary btn-apply coupon">Apply</button> </span> </div>
  161.                                                 </div>
  162.                                             </form>
  163.                                         </div>
  164.                                     </div>
  165.                                     <div class="card">
  166.                                         <div class="card-header border-bottom">
  167.                                             <h3 class="card-title">Price Details</h3>
  168.                                         </div>
  169.                                         <div class="card-body">
  170.                                             <table class="table border-top-0">
  171.                                                 <tr>
  172.                                                     <td class="border-top-0">Sub Total</td>
  173.                                                     <td class="text-end border-top-0">$4,360</td>
  174.                                                 </tr>
  175.                                                 <tr>
  176.                                                     <td class="border-top-0">Discount</td>
  177.                                                     <td class="text-end border-top-0">5%</td>
  178.                                                 </tr>
  179.                                                 <tr>
  180.                                                     <td class="border-top-0">Shipping</td>
  181.                                                     <td class="text-end border-top-0">Free</td>
  182.                                                 </tr>
  183.                                                 <tr>
  184.                                                     <td class="fs-20 border-top-0">Total</td>
  185.                                                     <td class="text-end fs-20 border-top-0">$3,976</td>
  186.                                                 </tr>
  187.                                             </table>
  188.                                         </div>
  189.                                         <div class="card-footer">
  190.                                             <div class="step-footer text-end">
  191.                                                 <a href="{{ absolute_url(path('app_products')) }}" class="btn btn-primary my-1">
  192.                                                     <svg xmlns="http://www.w3.org/2000/svg" class=" w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M17.5,11.5H7.7069702l4.6465454-4.6464844c0.1972046-0.1932373,0.2003784-0.5097656,0.0071411-0.7069702c-0.1932983-0.1972046-0.5098267-0.2004395-0.7070312-0.0071411c-0.0023804,0.0023193-0.0047607,0.0046997-0.0071411,0.0071411l-5.5,5.5c-0.1953125,0.1950684-0.1956177,0.5113525-0.0005493,0.706665c0.0001221,0.0001831,0.0002441,0.0003052,0.0005493,0.0003052l5.5,5.5c0.1972046,0.1932373,0.5137329,0.1900635,0.7069702-0.0071411c0.1905518-0.194397,0.1905518-0.5054932,0-0.6998901L7.7069702,12.5H17.5c0.276123,0,0.5-0.223877,0.5-0.5S17.776123,11.5,17.5,11.5z"/></svg>
  193.                                                     Continue Shopping
  194.                                                 </a>
  195.                                                 <a href="{{ absolute_url(path('app_checkout')) }}" class="btn btn-info my-1">
  196.                                                     Check out
  197.                                                     <svg xmlns="http://www.w3.org/2000/svg" class=" w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M17.8536377,11.6466064c-0.000061-0.000061-0.0001221-0.000061-0.0001221-0.0001221l-5.5-5.5c-0.1986084-0.1918335-0.5151367-0.1863403-0.7069702,0.0122681c-0.1871338,0.1937866-0.1871338,0.5009766,0,0.6947021L16.2930298,11.5H6.5C6.223877,11.5,6,11.723877,6,12s0.223877,0.5,0.5,0.5h9.7930298l-4.6465454,4.6464844c-0.1986084,0.1918335-0.2041016,0.5083618-0.0122681,0.7069702c0.1918335,0.1986694,0.5084229,0.2041626,0.7070312,0.0123291c0.0041504-0.0040283,0.0082397-0.0081177,0.0122681-0.0123291l5.5-5.5C18.0487671,12.1583252,18.0487671,11.8418579,17.8536377,11.6466064z"/></svg>
  198.                                                 </a>
  199.                                             </div>
  200.                                         </div>
  201.                                     </div>
  202.                                 </div>
  203.                             </div><!-- COL-END -->
  204.                             <!-- ROW-1 CLOSED -->
  206. {% endblock %}
  208. {% block javascripts %}
  209.    {{parent()}} 
  210.     {{ encore_entry_script_tags('js/products') }}
  212. {% endblock %}