templates/accueil/partial/_productSelected.html.twig line 1

Open in your IDE?
  1. {% for keys, prod in produitSelection %}
  2.     {% if keys==0 %}
  3.         {% set active = 'active' %}
  4.     {% else %}
  5.         {% set active = '' %}
  6.     {% endif %}
  8.     {% if prod.stock <= 0 %}
  9.         {% set cardClass = 'product-no-stock' %}
  10.     {% else %}
  11.         {% set cardClass = '' %}
  12.     {% endif %}
  14.     <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-6 p-1 hp_block-product-responsive text-center">
  15.         <div class="coup_de_coeur coup_de_coeur_lg mb-xl-0 mb-lg-0 mb-md-0 mb-sm-0 mb-1">
  16.             {% if prod.isCoupCoeur %}
  17.                 <img width="10px" src="{{ asset("/images/block_products/coup_coeur.png") }}" alt="coeur"> <span class="text-coup-coeur">{% trans %}COUP DE COEUR{% endtrans %} SPA.BIZ</span> <img width="10px" src="{{ asset("/images/block_products/coup_coeur.png") }}" alt="coeur">
  18.             {% endif %}
  19.         </div>
  21.         <div class="card {{ cardClass }}">
  22.             <div class="card-body pt-2 pb-2 p-1">
  23.                 <div class="product_one_block_link" style="cursor: pointer;" data-link="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": prod | game}) }}">
  24.                     {% if prod.stock <= 0 %}
  25.                         <div>
  26.                             <p class="text-red-stock">Bientôt en stock</p>
  27.                         </div>
  28.                     {% endif %}
  30.                     <div><h6 class="fw-600 text-grey-color-used"><i class="text-portail">SPAS</i> {{ prod.name|filterName|raw }}</h6></div>
  31.                     <div class="row">
  32.                         <div class="col-6 text-small-bolder text-end text-grey-color-used no-wrap">{{ prod | places }} {% trans %}place(s){% endtrans %}</div>
  33.                         <div class="col-6 text-small-bolder text-start text-grey-color-used no-wrap">{{ prod | jets}} {% trans %}jet(s){% endtrans %}</div>
  34.                     </div>
  35.                     <div class="price-products text-grey-color-used">{{ prod.price|number_format(0, ',', ' ') }}€</div>
  37.                     {% if not prod.stock <= 0 %}
  38.                         <div class="ratings">
  39.                             {% set gammeProd = prod | gameStart %}
  40.                             {% set nbrStartsP = gammeProd|number_format %}
  42.                             <div class="d-flex">
  43.                                 {% for i in 1..nbrStartsP %}
  44.                                     <img style="height: 23px;" src="{{ asset("/images/start_actif_hotfix.png") }}" alt="etoile">
  45.                                 {% endfor %}
  46.                             </div>
  47.                         </div>
  48.                     {% endif %}
  49.                 </div>
  52.                 <div id="carouselExampleControls{{ keys }}" class="carousel slide"  data-interval="false">
  53.                     <div class="carousel-indicators">
  54.                         <button type="button" data-bs-target="#carouselExampleControls{{ keys }}" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  55.                         {% for keyIndicator, prodImage in prod.imageProduits %}
  56.                             {% if keyIndicator < 7 %}
  57.                             <button type="button" data-bs-target="#carouselExampleControls{{ keys }}" data-bs-slide-to="{{ keyIndicator+1 }}" aria-label="Slide {{ keyIndicator }}"></button>
  58.                             {% endif %}
  59.                         {% endfor %}
  60.                     </div>
  64.                     <div class="carousel-inner">
  65.                         <div class="carousel-item all-products-selected active">
  66.                             <a href="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": prod | game}) }}">
  67.                                 <div class="responsiveImageProduit">
  68.                                        <img src="{{ asset("/images/images_produits/"~prod.imageProduitsPrincipale) }}" alt="zaccouzi">
  69.                                 </div>
  70.                             </a>
  71.                         </div>
  73.                         {% for keyImage, prodImage in prod.imageProduits %}
  74.                             {% if keyImage < 7 %}
  75.                             <div class="carousel-item all-products-selected">
  76.                                 <a href="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": prod | game}) }}">
  77.                                     <a href="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": prod | game}) }}">
  78.                                         <div class="responsiveImageProduit">
  79.                                             <img src="{{ asset("/images/images_produits/"~prodImage.image) }}" alt="zaccouzi">
  80.                                         </div>
  81.                                     </a>
  82.                                 </a>
  83.                             </div>
  84.                             {% endif %}
  85.                         {% endfor %}
  86.                     </div>
  87.                     <button class="carousel-control-prev button-slider-inside-home" type="button" data-bs-target="#carouselExampleControls{{ keys }}" data-bs-slide="prev">
  88.                         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  89.                         <span class="visually-hidden">Previous</span>
  90.                     </button>
  91.                     <button class="carousel-control-next button-slider-inside-home" type="button" data-bs-target="#carouselExampleControls{{ keys }}" data-bs-slide="next">
  92.                         <span class="carousel-control-next-icon" aria-hidden="true"></span>
  93.                         <span class="visually-hidden">Next</span>
  94.                     </button>
  95.                 </div>
  97.                 <div>
  98.                     {% if prod.stock <= 0 %}
  99.                         <div class="button-show-detail-red no-wrap">
  100.                             <a class="text-white text-decoration-none" href="">{% trans %}M'inscrire à la newsletter{% endtrans %} <img class="img-email-newsletter" src="/images/block_products/email.png" alt="email"></a>
  101.                         </div>
  102.                     {% else %}
  103.                         <div class="button-show-detail no-wrap">
  104.                             <a class="text-white text-decoration-none" href="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": prod | game}) }}">{% trans %}Afficher le{% endtrans %} spa</a>
  105.                         </div>
  106.                     {% endif %}
  107.                     <div class=" no-wrap">
  108.                         <a class="button-add-comparator" href="{{ path("app_comparateur_set_list", {"id_gamme": prod | game, "id_produit": prod.id}) }}">{% trans %}Ajouter au{% endtrans %} {% trans %}comparateur{% endtrans %}</a>
  109.                     </div>
  110.                 </div>
  111.             </div>
  112.         </div>
  115.     </div>
  117. {% endfor %}