templates/main/home/_article.html.twig line 1

Open in your IDE?
  1. <div class="product product-2">
  2.     <figure class="product-media">
  3.         {% if item.quantity <= 0 %}
  4.             <span class="product-label label-out bg-danger">{{'Out of Stock'|trans}}</span>
  5.         {% else %}
  6.         {% import "macros/etats.html.twig" as etats %}
  7.         {{ etats.articleLabel(item.label) }}
  8.                 {% if item.reduction > 0 %}
  9.             <span class="product-label mt-3 label-circle label-out bg-danger">-{{ item.reduction}}%</span>
  10.         {% endif %}        
  11.         {% endif %}
  12.         <a 
  13.         href="{{ path('articles_show', { category: item.category.slug, slug: item.slug, id: item.id}) }}">
  14.         {% for item in item.images|slice(0,1) %}
  15.             <img class="product-image" src="{{ asset('img/article/' ~ item.name ) }}" alt="{{ item.name }}">
  16.         {% else %}
  17.             <img src="{{ asset('img/vide.png')}}" alt="Product image" class="product-image">
  18.         {% endfor %}
  19.         </a>
  21.         <div class="product-action-vertical">
  22.             {% if app.user %}
  23.                 {% if not isToFavoris(app.user, item) %}
  24.                     <a href="{{ path('favoris_add',{id:item.id}) }}" data-id="{{ item.id }}" class="btn-product-icon btn-wishlist js-favoris js-add-favoris btn-expandable">
  25.                         <span>{{'add to wishlist'|trans}}</span>
  26.                     </a>
  27.                 {% else %}
  28.                     <a href="{{ path('favoris_remove',{id:item.id}) }}" data-id="{{ item.id }}" class="btn-product-icon btn-wishlist js-favoris  bg-danger js-remove-favoris btn-expandable">
  29.                         <span class="bg-danger text-white">{{'remove to wishlist'|trans}}</span>
  30.                     </a>
  31.                 {% endif %}
  32.             {% else %}
  33.                 <a href="#" class="btn-product-icon btn-wishlist js-favoris-login btn-expandable">
  34.                     <span>{{'add to wishlist'|trans}}</span>
  35.                 </a>
  36.             {% endif %}
  37.         </div>
  38.         <!-- End .product-action -->
  40.         {% if item.quantity > 0 %}
  41.         <div class="product-action product-action-dark">
  42.                 <a href="{{ path('cart_add',{ id: item.id }) }}" class="btn-product js-btn-add btn-cart" data-id="{{item.id}}">
  43.                     <span>{{'add to cart'|trans}}</span>
  44.                 </a>
  45.         </div>
  46.         {% endif %}
  47.             
  48.         <!-- End .product-action -->
  49.     </figure>
  50.     <!-- End .product-media -->
  52.     <div class="product-body">
  53.         <div class="product-cat">
  54.             <a href="{{path('articles_category',{
  55.                 category3_slug:item.category.category2.category3.slug,
  56.                 category2_slug:item.category.category2.slug,
  57.                 category:article.category.slug}) }}">{{ item.category.title }}</a>
  58.         </div>
  59.         <!-- End .product-cat -->
  60.         <h3 class="product-title">
  61.             <a href="{{ path('articles_show', { category: item.category.slug, slug: item.slug, id: item.id}) }}">
  62.                 {{ item.title }}
  63.             </a>
  64.         </h3>
  65.         <!-- End .product-title -->
  66.         <div class="product-price">
  67.            {% if item.reduction > 0 %}
  68.            {{  item.newPrice|number_format(0,'.', ' ')}} {{site.current_name }}
  69.             <span class="old-price ml-1">
  70.                 {{ item.price|number_format(0,'.',' ')}} {{site.current_name }}
  71.             </span>
  72.             {% else %}                
  73.             {{ item.newPrice|number_format(0,'.',' ')}} {{site.current_name }}
  74.         {% endif %}
  75.         </div>
  76.         <!-- End .product-price -->
  77.         <div class="ratings-container">
  78.             <div class="ratings">
  79.                 <div class="ratings-val" style="width: {{ rating(item) }}%;"></div>
  80.                 <!-- End .ratings-val -->
  81.             </div>
  82.             <!-- End .ratings -->
  83.             <span class="ratings-text">
  84.                 ({{ item.comments|length}} <i class="fas fa-comment"></i>)
  85.             </span>
  86.         </div>
  87.         <!-- End .rating-container -->
  88.     </div>
  89.     <!-- End .product-body -->
  90. </div>
  91. <!-- End .product -->