templates/main/shop/_articles_list.html.twig line 1

Open in your IDE?
  1. {% import "macros/article.html.twig" as articleMacro %}
  3. <div class="products mb-3">
  4.     {% for item in articles %}
  5.     <div class="product product-list">
  6.         <div class="row">
  7.             <div class="col-6 col-lg-3">
  8.                 <figure class="product-media">
  9.                 {% if item.quantity <= 0 %} <span class="product-label label-out bg-danger">
  10.                         {{'Out of Stock'|trans}}</span>
  11.                         {% endif %}
  12.                     {% import "macros/etats.html.twig" as etats %}
  13.                     {{ etats.articleLabel(item.label) }}
  14.                     
  15.                     {% if item.reduction > 0 %}
  16.                     <span class="product-label mt-3 label-out bg-danger">-{{ item.reduction}}%</span>
  17.                     {% endif %}
  18.                     <a {{ articleMacro.href_show(item)}}>
  19.                         {% set article_img = (item.images[0] is defined)? item.images[0]:'' %}
  20.                         {% if article_img is not empty %}
  21.                         <img src="{{ asset('img/article/' ~ article_img.name) }}" alt="..."
  22.                             class="product-image">
  23.                         {% else %}
  24.                         <img src="{{  asset('img/vide.png') }}" alt="..." class="product-image">
  25.                         {% endif %}
  26.                     </a>
  27.                 </figure><!-- End .product-media -->
  28.             </div><!-- End .col-sm-6 col-lg-3 -->
  30.             <div class="col-6 col-lg-3 order-lg-last">
  31.                 <div class="product-list-action">
  32.                     <div class="product-price">
  33.                         {% if item.reduction > 0 %}
  34.                         {{ item.newPrice|price_format ~ ' ' ~ site.current_name}}
  35.                         <span class="old-price ml-1">
  36.                             {{ item.price|price_format ~ ' ' ~ site.current_name}}
  37.                         </span>
  38.                         {% else %}
  39.                         {{ item.newPrice|price_format ~ ' ' ~ site.current_name}}
  40.                         {% endif %}
  41.                     </div><!-- End .product-price -->
  42.                     <div class="ratings-container">
  43.                         <div class="ratings">
  44.                             <div class="ratings-val" {{ ratingStyle(item) }}></div>
  45.                             <!-- End .ratings-val -->
  46.                         </div><!-- End .ratings -->
  47.                         <span class="ratings-text">
  48.                             ({{ item.comments|length}} <i class="fas fa-comment"></i>)
  49.                         </span>
  50.                     </div><!-- End .rating-container -->
  51.                     {% if item.quantity > 0 %}
  52.                     
  53.                 
  54.                     <a class="btn-product btn-cart js-btn-add-qty" href="#" data-path="{{path('cart_add_qty_ajax',{id:item.id})}}">
  55.                     <span>{{'add to cart'|trans}}</span>
  56.                     </a>
  58.                     {% endif %}
  59.                 </div><!-- End .product-list-action -->
  60.             </div><!-- End .col-sm-6 col-lg-3 -->
  62.             <div class="col-lg-6 article-{{item.id }}">
  63.                 <div class="product-body product-action-inner">
  64.                     {% if app.user %}
  65.                     {% if not isToFavoris(app.user, item) %}
  66.                     <a href="{{ path('favoris_add',{id:item.id}) }}" data-id="{{ item.id }}"
  67.                         class="btn-product-icon btn-wishlist js-favoris js-add-favoris" title="{{'Add to wishlist'|trans}}">
  68.                         <span>{{'add to wishlist'|trans}}</span>
  69.                     </a>
  70.                     {% else %}
  71.                     <a href="{{ path('favoris_remove',{id:item.id}) }}" data-id="{{ item.id }}"
  72.                         class="btn-product-icon btn-wishlist js-favoris  bg-danger js-remove-favoris">
  73.                         <span class="bg-danger text-white">{{'remove to wishlist'|trans}}</span>
  74.                     </a>
  75.                     {% endif %}
  76.                     {% else %}
  77.                     <a href="#" class="btn-product-icon btn-wishlist js-favoris-login">
  78.                         <span>{{'add to wishlist'|trans}}</span>
  79.                     </a>
  80.                     {% endif %}
  82.                     <div class="product-cat">
  83.                         <a {{ articleMacro.href_category(item)}} >
  84.                             {{ item.category.category2.title }} | {{ item.category.title }}
  85.                         </a>
  86.                     </div><!-- End .product-cat -->
  87.                     <h3 class="product-title"><a {{articleMacro.href_show(item)}}>
  88.                             {{item.title}}
  89.                         </a></h3><!-- End .product-title -->
  91.                     <div class="product-content">
  92.                         <p>
  93.                             {{item.detail}}
  94.                         </p>
  95.                     </div><!-- End .product-content -->
  97.                     <div class="product-nav product-nav-thumbs">
  98.                         {% for item in item.images|slice(1,4) %}
  99.                         <a type="button" href="#" {{ loop.index==0 ? 'class="active"' :'' }}>
  100.                             <img src="{{ asset('img/article/' ~ item.name ) }}" alt="">
  101.                         </a>
  102.                         {% endfor %}
  103.                     </div>
  104.                 </div><!-- End .product-body -->
  105.             </div><!-- End .col-lg-6 -->
  106.         </div><!-- End .row -->
  107.     </div><!-- End .product -->
  108.     {% else %}
  109.     {% include base ~ "/shop/_articles_empty.html.twig" %}
  110.     {% endfor %}
  111. </div><!-- End .products -->
  112. {% include base ~ "/shop/_pagination.html.twig" %}