templates/layouts/layouts_front/tpl_basket_panel.html.twig line 1

Open in your IDE?
  1. <div id="headBasket" class="flexJustify flexMiddle flexNoWrap">
  2.     <h3 class=" titlePannel">Mon panier</h3>
  3.     <a href="javascript:toggleBasketPanel();" id="closeBasketPanel" class="aTxtHide"></a>
  4. </div>
  6. {% set prodCold = false %}
  8. {% for panier in basket %}
  10.     {% if panier.referenceObject.getId() is defined %}
  12.         <div id="articlePanier-{{ panier.referenceObject.getId() }}"
  13.              class="d-flex justify-content-center flex-nowrap {% if panier.discount_amount_unitary is defined %} discount{% endif %}">
  14.             {#            <figure class="{% if panier.productObject.getProdCold() %} prodCold {% endif %}"> #}
  15.             {#                {% set mediaTmp = panier.productObject.getProdPicture() %} #}
  16.             {#                {% set mediaDefault = "default.jpg" %} #}
  17.             {#                {% set mediaTmp = webp(webpSupported, mediaTmp) %} #}
  18.             {#                {% set mediaDefault = webp(webpSupported, mediaDefault) %} #}
  19.             {#                <img class="imgZoom" #}
  20.             {#                     src="{{ asset('/medias_front/products/' ~  mediaTmp|default(mediaDefault)) | imagine_filter('front_basket') }}" #}
  21.             {#                     alt="{{ panier.productObject.getProdModel() }}"> #}
  22.             {#            </figure> #}
  23.             <div class="txtProd">
  24.                 <div class="row">
  25.                     <a class="nomProd"
  26.                        href='{{ path('front_shopping_fiche', {product_name:panier.productObject.getProdModel()|urlrewrite, prod_id:panier.productObject.getId() }) }}'>
  27.                         {{ panier.productObject.getProdModel() }}
  28.                         {% if panier.productObject.getProdType() == 'multiple' %}
  29.                             ,{{ panier.referenceObject.getRefEntitled() }}
  30.                         {% endif %}
  31.                     </a>
  32.                     <div class="">
  33.                         {% if panier.discount_amount_unitary is defined %}
  34.                             <span class="prixProd"><!--prix unitaire :-->{{ panier.discount_amount_unitary|number_format(2, '.', ',') }}&nbsp;€</span>
  35.                         {% else %}
  36.                             {% if panier.referenceObject.getRefSellingPrice() > panier.referenceObject.getRefReferencePrice() %}
  37.                                 <span class="prixProd bare rightPanel"><!--prix baré :-->{{ panier.referenceObject.getRefSellingPrice()|number_format(2, '.', ',') }}&nbsp;€</span>
  38.                             {% endif %}
  39.                             <span class="prixProd rightPanel"><!--prix unitaire :-->{{ panier.referenceObject.getRefReferencePrice()|number_format(2, '.', ',') }}&nbsp;€</span>
  40.                         {% endif %}
  41.                     </div>
  42.                 </div>
  43.                 <div id="gestion-qte-{{ panier.referenceObject.getId() }}" class="flexLeft flexMiddle flexNoWrap">
  44.                     <div class="flexColumn">
  45.                         <div class="m-0 row d-flex align-items-center ">
  46.                             <span class="qte col-2">Qté :</span>
  47.                             <div class="col-3 d-flex justify-content-start qteBasket">
  48.                                 {% set fromPage = fromBasket|default('') %}
  49.                                 {% if app.request.attributes.get('_route') == 'basket_index' %}
  50.                                     {% set fromPage = "panier" %}
  51.                                 {% elseif app.request.attributes.get('_route') == 'basket_delivery' %}
  52.                                     {% set fromPage = "delivery" %}
  53.                                 {% elseif app.request.attributes.get('_route') == 'basket_payment' %}
  54.                                     {% set fromPage = "payment" %}
  55.                                 {% endif %}
  56.                                 
  57.                                 {% if panier.referenceObject.typeOdyssee != 'soin' and panier.referenceObject.typeOdyssee != 'bkdovalue' and (panier.referenceObject.getRefQuantity is null or panier.referenceObject.getRefQuantity > panier.qte or (panier.referenceObject.stockAlert < 0 and not stockManagement)) %}
  58.                                     <a class="cmdNbBasket moins" {% if panier.qte != 1 %} href="javascript:updateQteBasket({{ panier.referenceObject.getId() }}, 'less', '{{ fromPage }}' );"{% endif %}>{% if panier.qte > 1 %}-{% endif %}</a>
  59.                                 {% endif %}
  60.                                 <form id="formQte{{ panier.referenceObject.getId() }}" method="post" action="">
  61.                                     {% if panier.referenceObject.getRefQuantity < panier.qte and panier.referenceObject.stockAlert >=0 and stockManagement %}
  63.                                         <script>
  64.                                             updateQteBasket({{ panier.referenceObject.getId() }}, '', '{{ fromPage }}', {{ panier.referenceObject.getRefQuantity }} )
  65.                                         </script>
  67.                                         <input type="number" min="1" max="{{ panier.referenceObject.getRefQuantity }}"
  68.                                                name="qte"
  69.                                                id="qte_prod_p_{{ panier.referenceObject.getId() }}"
  70.                                                value="{{ panier.referenceObject.getRefQuantity }}"
  71.                                                onchange="if($('#qte_prod_p_{{ panier.referenceObject.getId() }}').val() <= {{ panier.referenceObject.getRefQuantity }}){updateQteBasket({{ panier.referenceObject.getId() }}, '', '{{ fromPage }}', $('#qte_prod_p_{{ panier.referenceObject.getId() }}').val() )};"/>
  72.                                     {% else %}
  73.                                     <input type="number" min="1" max="{{ panier.referenceObject.getRefQuantity }}"
  74.                                            name="qte"
  75.                                            id="qte_prod_p_{{ panier.referenceObject.getId() }}" value="{{ panier.qte }}"
  76.                                             {% if panier.referenceObject.stockAlert >=0 and stockManagement %}
  77.                                                 onchange="if($('#qte_prod_p_{{ panier.referenceObject.getId() }}').val() <= {{ panier.referenceObject.getRefQuantity }}){updateQteBasket({{ panier.referenceObject.getId() }}, '', '{{ fromPage }}', $('#qte_prod_p_{{ panier.referenceObject.getId() }}').val() )};"
  78.                                             {% endif %}
  79.                                     />
  80.                                     {% endif %}
  81.                                 </form>
  82.                                 {% if panier.referenceObject.typeOdyssee != 'soin' and panier.referenceObject.typeOdyssee != 'bkdovalue' and (panier.referenceObject.getRefQuantity is null or panier.referenceObject.getRefQuantity > panier.qte or (panier.referenceObject.stockAlert < 0 and not stockManagement)) %}
  83.                                     <a class="cmdNbBasket plus"
  84.                                        href="javascript:updateQteBasket({{ panier.referenceObject.getId() }}, 'more', '{{ fromPage }}', 1);">
  85.                                         {% if panier.referenceObject.typeOdyssee != 'soin' and panier.referenceObject.typeOdyssee != 'bkdovalue' and (panier.referenceObject.getRefQuantity is null or panier.referenceObject.getRefQuantity > panier.qte or (panier.referenceObject.stockAlert < 0 and not stockManagement)) %}
  86.                                             +
  87.                                         {% endif %}
  88.                                     </a>
  89.                                 {% endif %}
  90.                             </div>
  91.                             <div class="d-flex text-end justify-content-end align-items-center p-0">
  92.                                 <a class="retirer"
  93.                                    href="javascript:removeProductBasket({{ panier.referenceObject.getId() }}, '{{ fromPage }}');">
  94.                                     <i class="fa-solid fa-circle-xmark"></i>
  95.                                 </a>
  96.                             </div>
  97.                         </div>
  98.                         {% if panier.referenceObject.getRefQuantity == panier.qte %}
  99.                             <span class="text-danger">Nombre max d'articles atteint</span>
  100.                         {% endif %}
  101.                     </div>
  102.                 </div>
  103.             </div>
  104.         </div>
  105.     {% else %}
  107.         <div id="articlePanier-{{ panier.productObject.idExterne }}"
  108.              class="d-flex justify-content-center flex-nowrap">
  109.             {#            <figure class=""> #}
  110.             {#                {% set mediaTmp = null %} #}
  111.             {#                {% set mediaDefault = "default.jpg" %} #}
  112.             {#                {% set mediaTmp = webp(webpSupported, mediaTmp) %} #}
  113.             {#                {% set mediaDefault = webp(webpSupported, mediaDefault) %} #}
  114.             {#                <img class="imgZoom" #}
  115.             {#                     src="{{ asset('/medias_front/products/' ~  mediaTmp|default(mediaDefault)) | imagine_filter('front_basket') }}" #}
  116.             {#                     alt="{{ panier.productObject.Nom }}"> #}
  117.             {#            </figure> #}
  118.             <div class="txtProd d-flex align-items-center flex-wrap">
  119.                 <div class="d-flex w-100">
  120.                     <a class="nomProd"
  121.                        href='{{ panier.productObject.Url }}'>
  122.                         {{ panier.productObject.Nom }}
  123.                     </a>
  124.                     <div class="">
  125.                         <span class="prixProd rightPanel">
  126.                             {{ panier.productObject.arrhes|number_format(2, '.', ',') }}&nbsp;€
  127.                         </span>
  128.                     </div>
  130.                 </div>
  131.                 <span class="qte">Quantité : 1</span>
  132.                 <div id="gestion-qte-{{ panier.referenceObject }}" class="flexLeft flexMiddle flexNoWrap">
  133.                     <div class="flexColumn">
  134.                         <div class="m-0">
  136.                             <div class="d-flex justify-content-start">
  137.                                 {% set fromPage = fromBasket|default('') %}
  138.                                 {% if app.request.attributes.get('_route') == 'basket_index' %}
  139.                                     {% set fromPage = "panier" %}
  140.                                 {% elseif app.request.attributes.get('_route') == 'basket_delivery' %}
  141.                                     {% set fromPage = "delivery" %}
  142.                                 {% elseif app.request.attributes.get('_route') == 'basket_payment' %}
  143.                                     {% set fromPage = "payment" %}
  144.                                 {% endif %}
  145.                             </div>
  146.                             <div class="d-flex text-end justify-content-end align-items-center p-0">
  147.                                 <a class="retrait "
  148.                                    href="javascript:removeProductBasket('{{ panier.referenceObject }}', '{{ fromPage }}');"><i
  149.                                             class="fa-solid fa-circle-xmark"></i></a>
  150.                             </div>
  152.                         </div>
  153.                     </div>
  154.                 </div>
  155.             </div>
  156.         </div>
  157.     {% endif %}
  160. {% else %}
  161.     <p class="aucun">Aucun article dans votre panier</p>
  162. {% endfor %}
  164. {# <div class="sousTot totallySpies d-flex justify-content-end"> #}
  165. {#    <span class="label">SOUS-TOTAL</span> #}
  166. {#    <span class="prixPanier">{{ subtotal|number_format(2, '.', ',') }}&nbsp;€</span> #}
  167. {# </div> #}
  168. {# <div class="sousTot flexMiddle flexRight flexNoWrap"> #}
  169. {#    <span class="label"> #}
  170. {#        FRAIS DE PORT<br> #}
  171. {#        <p>(Frais de port pour la France métropolitaine)</p> #}
  172. {#    </span> #}
  173. {#    <span class="prixPanier">{{ defaultShippingFees|number_format(2, '.', ',') }}&nbsp;€</span> #}
  174. {# </div> #}
  176. <div class="sousTot  d-flex justify-content-end ">
  177.     <span class="label">TOTAL</span>
  178.     {#    <span class="prixPanier">{{ (subtotal+defaultShippingFees)|number_format(2, '.', ',') }}&nbsp;€</span> #}
  179.     <span class="prixPanier">{{ (subtotal)|number_format(2, '.', ',') }}&nbsp;€</span>
  180. </div>
  181. <div class="d-flex justify-content-center mt-4">
  182.     {#    <a class="bouton sobre" href='{{ path('front_basket_index') }}'>Passer commande</a> #}
  183.     {#    <a class="boutonPanier" href='{{ path('front_basket_index') }}'>Voir le panier</a> #}
  185.     <a class="boutonCommande" href='{{ path('front_basket_index') }}'>Passer commande</a>
  187.     {#  {% if app.session.get('customer') is not empty %}
  188.         <a class="bouton sobre" href='{{ path('front_customer_deconnection') }}'>Me déconnecter</a>
  189.     {% endif %} #}
  190. </div>