templates/products/similars.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Produits - Similaires{% endblock %}
  5. {% block body %}
  7.     {% block block_navstart %} {% include "_partials/_nav.html.twig" %} {% endblock %}
  9.     <div class="row justify-content-center">
  10.         <div class="col-lg-6 col-md-8">
  11.         {{ form_start(form, {'attr': {'class': 'form-inline ml-3'}}) }} 
  12.                 <div class="input-group">
  13.                     <a class="mt-4 mx-2" href="{{ path('app_products_similars',{catego: catSimilar}) }}">
  14.                     <i class="fa-solid fa-rotate-right fa-2x bg-light"></i></a>
  15.                     {{ form_row(form.q, {'attr': {'class': 'form-control W-500 border-3'}}) }}
  16.                     <div class="input-group-append">
  17.                         <button type="submit" class="btn btn-light mt-4 border-3">
  18.                             <i class="fas fa-search text-muted"></i>
  19.                         </button>
  20.                     </div>
  21.                 </div>
  22.         {{ form_end(form) }} <!--    -->
  23.         </div>
  24.     </div>
  26.     <!-- ARTICLES --> {# équivalent #}    
  27.     <section class="products">
  28.         <div class="container">
  29.             <div class="row">
  30.                 <div class="col-12">
  31.                     <h2 class="bg-light " style="color:#808000;">BestMarketBusiness - Liste Produits Similaires</h2>
  32.                     <p><strong>Pour faciliter la recherche des Articles ou Produits similaires, Saisissez le nom de la VILLE ou le 
  33.                         PAYS ou la LOCALITE dans la barre de recherche....</strong>
  34.                     </p>
  35.                 </div>  
  36.             </div>
  37.             <div class="row">
  38.                 {% for product in productsSimilars %}
  39.                     {% if product.categories.id == catSimilar %}
  40.                         <div class="col-md-6 col-lg-3 my-1">
  41.                             <article class="card p-2">
  42.                                 <h1 class="h5"><strong>{{ product.name }}</strong></h1>
  43.                                 <img src="{{ asset('uploads/images/' ~ product.imageFileName) }}" 
  44.                                     alt="{{ product.name }}" class="img-fluid" style="width: 300px; height: 300px;" />
  45.                                 <div>{{ product.description | slice (0, 50) }}...etc.</div>
  46.                                 <div style="color:green;"><strong>{{ product.price }}</strong></div>
  47.                                 <div><strong>{{ product.categories.name }}</strong></div>
  48.                                 <div style="color:#808000;"><strong>{{ product.city }} - ({{ product.country }})</strong></div>
  49.                                 <div>
  50.                                     <a href="{{ path('app_products_details', {slug: product.slug, id: product.id}) }}" class="btn btn-primary btn-sm">Voir les détails</a>
  51.                                     <a href="{{ path('app_products_similars', {catego: product.categories.id}) }}" class="btn btn-secondary btn-sm">Produits similaires</a> 
  52.                                     
  53.                                     {% set i = 0 %}
  54.                                     {% for statElem in allStatistiques %}
  55.                                         {% if product.id == statElem.idElement and statElem.page == 'DETAIL_PRODUCT' %}
  56.                                             {% set i = i + 1 %}
  57.                                         {% endif %}
  58.                                     {% endfor %}  
  59.                                     {% include '_partials/_compteur_vues.html.twig' %}      {## COMPTEUR_VUES ##}
  60.                                 </div>
  61.                             </article>
  62.                         </div>
  63.                     {% endif %}
  64.                 {% endfor %}
  65.             </div>
  66.         </div>
  67.     </section>
  68. {% endblock %}