templates/frontView/product/partials/_product_card.html.twig line 1

Open in your IDE?
  1. <div class="col-xxl-2 col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12 product-card-column">
  2.     <div class="card product-card h-100">
  3.         <!-- Product Image -->    
  4.         <div class="product-image">
  5.             <div class="image-content">
  6.                 <div class="image-wrapper">
  7.                     <img src="{{ asset('img/logo-rapeto-img.png') }}" class="logo">
  9.                     <a href="{{ path('app_product_show', {'id': product.id}) }}">
  10.                         <img
  11.                             src="{{ asset('uploads/products/' ~ product.picture) }}"
  12.                             class="product-thumb"
  13.                             alt="{{ product.title }}"
  14.                         >
  15.                     </a>
  16.                 </div>
  17.             </div>
  19.         </div>
  21.         <!-- Card Body -->
  22.         <div class="card-body d-flex flex-column">
  23.             <!-- Title -->
  24.             <h6 class="product-title">
  25.                 <a href="{{ path('app_product_show', {'id': product.id}) }}"
  26.                 class="product-link"
  27.                 data-click-url="{{ path('app_product_click', {'id': product.id}) }}">
  28.                     {{ product.title }}
  29.                 </a>
  30.             </h6>
  31.             
  32.             <span class="product-type product-type-sale">{{ product.statetypeLabels|join(' / ') }}</span>
  35.             <!-- Description -->
  36.             <p class="product-desc">
  37.                 {{ product.desctription|slice(0,60) }}...
  38.             </p>
  40.             <!-- Price -->
  41.             {# <div class="price-section mt-auto">
  42.                 {% if is_granted('ROLE_COM') %}
  43.                     <span class="price">
  44.                         {{ product.priceProducts[0].priceDealer|number_format(2, '.', ' ') }} 
  45.                     </span>
  46.                 {% elseif is_granted('ROLE_CUSTOMER') %}
  47.                     <span class="price">
  48.                         {{ product.priceProducts[0].priceBulkCustomer|number_format(2, '.', ' ') }} 
  49.                     </span>
  50.                 {% else %}
  51.                     <span class="price">
  52.                         {{ product.priceProducts[0].priceCustomer|number_format(2, '.', ' ') }} 
  53.                     </span>
  54.                 {% endif %}
  55.                 <sup>{{ product.fkdevise.title }}</sup>
  56.             </div> #}
  57.             {% set price = product.priceProducts|first %}
  58.             <div class="price-section mt-auto d-none">
  59.                 {% if price %}
  60.                     {% if is_granted('ROLE_COM') %}
  61.                         {% set normalPrice = price.priceCustomer %}
  62.                         {% set promoPrice  = price.promoPriceCustomer %}
  64.                     {% elseif is_granted('ROLE_CUSTOMER') %}
  65.                         {# {% set normalPrice = price.priceBulkCustomer %}
  66.                         {% set promoPrice  = price.promoPriceBulkCustomer %} #}
  67.                         {% set normalPrice = price.priceCustomer %}
  68.                         {% set promoPrice  = price.promoPriceCustomer %}
  70.                     {% else %}
  71.                         {% set normalPrice = price.priceCustomer %}
  72.                         {% set promoPrice  = price.promoPriceCustomer %}
  73.                     {% endif %}
  75.                     {% if price.isPromotionValid and promoPrice %}
  76.                         <span class="old-price">
  77.                             {{ normalPrice|number_format(2, '.', ' ') }}
  78.                         </span>
  79.                         <br>
  80.                         <span class="price text-danger fw-bold">
  81.                             {{ promoPrice|number_format(2, '.', ' ') }}
  82.                         </span>
  83.                     {% else %}
  84.                         <span class="price">
  85.                             {{ normalPrice|number_format(2, '.', ' ') }}
  86.                         </span>
  87.                     {% endif %}
  89.                     <sup>{{ product.fkdevise.title }}</sup>
  91.                 {% endif %}
  93.             </div>
  95.             <!-- Category -->
  96.             <small class="text-muted mt-1">
  97.                 {{ product.fkcategorie.title }}
  98.             </small>
  100.             <!-- Action -->
  101.             <div class="d-flex justify-content-between align-items-center mt-3">
  102.                 <a href="{{ path('app_product_show', {'id': product.id}) }}"
  103.                 class="btn btn-outline-primary btn-sm product-link"
  104.                 data-click-url="{{ path('app_product_click', {'id': product.id}) }}">
  105.                     Voir
  106.                 </a>
  108.                 <a href="{{ path('app_product_panier', {'product': product.id}) }}"
  109.                 class="btn btn-warning btn-sm d-none"
  110.                 title="Ajouter au panier"
  111.                 aria-label="Ajouter {{ product.title }} au panier">
  112.                     <i class="bi bi-cart-plus-fill"></i>
  113.                 </a>
  114.             </div>
  116.             {% if temoin is defined and product.id == temoin %}
  117.                 <small class="text-danger mt-2">{{ message }} </small>
  118.             {% endif %}
  119.         </div>
  120.     </div>
  121. </div>