templates/cart/cart_index.html.twig line 1

Open in your IDE?
  1. {% set fraisLivraison = configService.calculerFraisDeLivraison(totalCost) %}
  2. {% set configFraisLivraison = configService.findFraisLivraison() %}
  3. {% set configPrixMinFraisLivraisonGratuit = configService.findPrixMinFraisLivraisonGratuit() %}
  5. {% extends 'base.html.twig' %}
  7. {% block title %}{% trans %}Mon panier{% endtrans %}{% endblock %}
  9. {% block stylesheets %}
  10. {{ parent() }}
  11. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/cart.css') }}">
  12. {% endblock %}
  14. {% block body %}
  17. {% set banner_title = 'Votre panier'|trans %}
  18. {% set banner_subtitle_1 = 'Boutique'|trans %}
  19. {% set banner_subtitle_2 = 'Votre panier'|trans %}
  20. {% include "/partials/_banner.html.twig" %}
  22. <div class="container mt-4">
  23. <div class="row">
  24. <div class="col-12">
  25. <a class="hover-white" href="{{ path('app_shop_index') }}">
  26. <button type="button" class="af-btn-secondary br-8 fw-ebold text-uppercase">
  27. <i class="fa-solid fa-shop me-3"></i>
  28. {% trans %}Revenir à la boutique{% endtrans %}
  29. </button>
  30. </a>
  31. </div>
  32. </div>
  33. </div>
  35. <!--shopping cart area start -->
  36. <div class="shopping_cart_area py-5">
  38. <div class="container px-2 px-md-5">
  39. {# <form action="#"> #}
  40. <div class="row">
  41. <div class="col-12">
  42. <div class="table_desc">
  43. <div class="cart_page table-responsive">
  45. {% for label, messages in app.flashes %}
  46. <div class="alert alert-{{label}} text-center">
  47. {% for message in messages %}
  48. {{message | raw}}
  49. {% endfor %}
  50. </div>
  51. {% endfor %}
  53. {% if basket|length ==0 %}
  54. <div class="alert alert-secondary p-3 text-center" role="alert">
  55. <div class="alert-body">
  56. {% trans from 'messages.shop' %}Votre panier est vide{% endtrans %}.
  57. </div>
  58. </div>
  59. {% else %}
  60. <table>
  61. <thead>
  62. <tr>
  63. <th class="product_remove">{% trans %}Supprimer{% endtrans %}</th>
  64. <th class="product_thumb">{% trans %}Image{% endtrans %}</th>
  65. <th class="product_name">{% trans %}Produit{% endtrans %}</th>
  66. <th class="product-price">{% trans %}Prix{% endtrans %}</th>
  67. <th class="product_quantity">{% trans %}Quantité{% endtrans %}</th>
  68. <th class="product_total">{% trans %}Total{% endtrans %}</th>
  69. {% if configTva > 0 %}
  70. <th class="product_total">{% trans %}TVA{% endtrans %}</th>
  71. {% endif %}
  72. </tr>
  73. </thead>
  74. <tbody>
  76. {% for basketItem in basket %}
  77. <tr class="basket-item" id="basket-item-{{basketItem.product.id}}" data-product-id="{{basketItem.product.id}}" data-unit-price="{{basketItem.product.cost}}" data-unit-tva="{{basketItem.product.tva}}">
  78. <td class="product_remove text-center">
  79. <button type="button" onclick="removeBasketItem({{basketItem.product.id}})" class="button-no-style" style="font-size : 25px;"><span class="text-black">X</span></button>
  80. </td>
  81. <td class="product_thumb product_thumb--cart"><a href="#"><img src="{{ asset( files_directory_relative ~ basketItem.product.image) }}" class="img-rounded" alt="Tany Mena, {{basketItem.product.name}}"></a></td>
  82. <td class="product_name">
  83. <a href="#">
  84. {{basketItem.product.getNameByDefaultLocale}}
  85. </a>
  86. </td>
  87. <td class="product-price">{{basketItem.product.cost|format_currency('EUR')}}</td>
  88. <td class="product_quantity">
  89. <input value="{{basketItem.quantity}}" onchange="refreshTotalCostOf({{basketItem.product.id}})" type="number" id="input-quantity-of-product-{{basketItem.product.id}}" name="quantity">
  90. <input type="hidden" value="{{basketItem.product.id}}" name="product_id"/>
  91. </td>
  92. <td class="product_total" id="total-cost-of-product-{{basketItem.product.id}}">{{basketItem.cost|format_currency('EUR')}}</td>
  93. {% if configTva > 0 %}
  94. <td class="product_total" id="tva-cost-of-product-{{basketItem.product.id}}">{{basketItem.tva|format_currency('EUR')}}</td>
  95. {% endif %}
  97. </tr>
  98. {% endfor %}
  99. </tbody>
  100. </table>
  101. {% endif %}
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <!--coupon code area start-->
  107. {% if basket|length > 0 %}
  108. <div class="coupon_area">
  109. <div class="row">
  110. <div class="col-lg-6 col-md-6 p-4 py-md-0">
  111. <div class="row d-flex ">
  112. <span id="coupon_message"></span>
  113. <input placeholder="{{app_default_locale == 'fr' ? 'Code promo' : 'Coupon code' }}" type="text" id="coupon_code_af" class="form-control w-50 me-3 br-8">
  114. <button type="button" class="af-btn-primary px-5 br-8" onclick="verifCouponCode()" style="background: #602D03; border: #602D03;"><span class="fw-ebold text-uppercase" >{% trans %}Vérifier{% endtrans %}</span></button>
  115. </div>
  116. </div>
  118. <div class="col-lg-6 col-md-6 text-end">
  119. <button type="button" class="af-btn-secondary br-8 fw-ebold text-uppercase" onclick="updateBasketItems()">{% trans %}Modifier le panier{% endtrans %}</button>
  120. <button type="button" class="af-btn-black-outline br-8 b-black-1-sld text-uppercase fw-ebold ">{% trans %}Effacer tout{% endtrans %}</button>
  121. </div>
  122. </div>
  123. <div class="row mt-5">
  124. <div class="col"></div>
  125. <div class="col">
  126. {% include "/partials/product/_order_detail_1.html.twig" %}
  127. </div>
  128. </div>
  129. </div>
  130. {% endif %}
  131. <!--coupon code area end-->
  132. {# </form> #}
  133. </div>
  134. </div>
  136. <section class="section section-products">
  137. <div class="container product_details">
  138. <div class="row">
  139. <div class="col-12">
  140. <div class="section-container pb-0">
  141. <div class="section-products-category">
  142. <div class="section-products-category-title">
  143. <h2 class="af-section__subtitle text-secondary-2">{% trans %}Autres produits disponibles{% endtrans %}</h2>
  144. </div>
  145. <div class="section-products-items">
  146. <div class="container-fluid">
  147. <div class="row">
  148. {% for prop in propositions %}
  149. <div class="col-md-3">
  150. {% include '/partials/product/_product_2.html.twig' with {'product' : prop} %}
  151. </div>
  152. {% endfor %}
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </section>
  163. <!--shopping cart area end -->
  164. {% include '/partials/shipping_area.html.twig' %}
  167. {% endblock %}
  169. {% block javascripts %}
  170. {{ parent() }}
  171. {% endblock %}