templates/front/includes/produits/produit-cadre.html.twig line 1

Open in your IDE?
  1. <div class="produit-cadre bg-white border mt-3 mb-5 p-4 pb-4 text-center position-relative">
  3.     {% if product.isPromoted or product.isUsed %}
  4.         <div class="produit-label">
  5.             <span class="sale lb-item">%</span>
  6.         </div>
  7.         <!-- /.produit-label -->
  8.     {% endif %}
  10.     {% if product.isPreOrder %}
  11.         <div class="produit-label">
  12.             <span class="sale lb-item" style="font-size: 12px;">Préco</span>
  13.         </div>
  14.         <!-- /.produit-label -->
  15.     {% endif %}
  17.     <a href="{{ path('produit', { 'slug' : product.slug }) }}" class="position-relative d-block">
  18.         <span class="produit-overlay position-absolute d-block">
  19.             <i class="fa fa-search"></i>
  20.         </span>
  21.         <img src="{{ product.image ?? '/gfx/no-img.jpg' }}" class="img-fluid">
  22.     </a>
  24.     <div class="produit-cadre-description mt-4 mb-4">
  25.         <span class="text-uppercase font-weight-bold d-block dotwrapper"
  26.               style="min-height: 48px;">{{ product.name }}</span>
  27.         <span class="d-block text-black-30 dotwrapper">
  28.             {{ product.brand ? product.brand.name : "&nbsp;" }}
  29.         </span>
  30.         {% if sales_is_enable() %}
  31.             <span class="font-weight-bold h5 d-block text-danger mt-2">
  32.                 {% if product.isPromoted %}
  33.                     <span class="small mr-2 text-black-30 text-nowrap">
  34.                         <s>
  35.                             {{ product.priceHTVA | number_format(2, ',', ' ') }}€
  36.                         </s>
  37.                     </span>
  38.                 {% endif %}
  39.                 <span class="text-nowrap">{{ product.actualPriceHTVA | number_format(2, ',', ' ') }} € <span
  40.                             style="font-size: 12px!important;; line-height: 12px!important;">HTVA</span>
  41.                 </span>
  43.             </span>
  44.         {% endif %}
  46.         {% if product.stock is same as(0) %}
  47.             <a href="{{ path('produit', { 'slug' : product.slug }) }}"
  48.                class="btn btn-dark btn-panier btn-stock-epuise position-absolute">
  49.                 <span class="d-block">
  50.                     Stock épuisé
  51.                 </span>
  52.             </a>
  53.         {% endif %}
  54.     </div>
  55.     <!-- /.produit-cadre-description -->
  57.     {% if sales_is_enable() and product.stock is not same as(0) %}
  58.         <a href="javascript:void(0);" class="btn btn-danger btn-panier text-uppercase position-absolute  hvr-bounce-in"
  59.            data-toggle="tooltip" data-placement="top" title="Ajouter à votre panier">
  60.         <span class="d-block" data-toggle="modal" data-target="#modal-add-panier"
  61.               data-product-id='{{ product.id }}' {% if product.isPreOrder %}style="font-size: 12px;"{% endif %}>
  62.             <i class="fa fa-shopping-cart mr-2"></i>
  63.             {% if product.isPreOrder %}Précommande{% else %}Panier{% endif %}
  64.         </span>
  65.         </a>
  66.     {% endif %}
  68. </div>
  69. <!-- /.produit-cadre -->