templates/list_spa/_partial/_allProductDesktopIntegral.html.twig line 1

Open in your IDE?
  1. <div class="" style="display: contents!important;">
  2.     {% for keyss, sousCateg in categ.CategorieChild %}
  3.         {% for keys, prod in sousCateg.getProduits() %}
  4.             {% if keys==0 %}
  5.                 {% set active = 'active' %}
  6.             {% else %}
  7.                 {% set active = '' %}
  8.             {% endif %}
  10.             {% if prod.stock <= 0 %}
  11.                 {% set cardClass = 'product-no-stock' %}
  12.             {% else %}
  13.                 {% set cardClass = '' %}
  14.             {% endif %}
  16.             <div class="col-xl-2 col-lg-3 col-md-4 p-1 hp_block-product-responsive">
  17.                 <div class="coup_de_coeur coup_de_coeur_lg">
  18.                     {% if prod.isCoupCoeur %}
  19.                         <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">
  20.                     {% endif %}
  21.                 </div>
  23.                 <div class="card {{ cardClass }}">
  24.                     <div class="card-body pt-2 pb-2 p-1">
  25.                         <div class="product_one_block_link" style="cursor: pointer;" data-link="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": prod | game}) }}">
  26.                             {% if prod.stock <= 0 %}
  27.                                 <div>
  28.                                     <p class="text-red-stock">Bientôt en stock</p>
  29.                                 </div>
  30.                             {% endif %}
  32.                             <div><h6 class="fw-600 text-grey-color-used"><i class="text-portail">SPAS</i> {{ prod.name|filterName|raw }}</h6></div>
  33.                             <div class="row">
  34.                                 <div class="col-6 text-small-bolder text-end text-grey-color-used">{{ prod | places }} {% trans %}place(s){% endtrans %}</div>
  35.                                 <div class="col-6 text-small-bolder text-start text-grey-color-used">{{ prod | jets}} {% trans %}jet(s){% endtrans %}</div>
  36.                             </div>
  37.                             <div class="price-products text-grey-color-used">{{ prod.price|number_format(0, ',', ' ') }}€</div>
  39.                             {% if not prod.stock <= 0 %}
  40.                                 <div class="ratings">
  41.                                     {% set nbrStartsP = categ.name|number_format %}
  43.                                     <div class="d-flex">
  44.                                         {% for i in 1..nbrStartsP %}
  45.                                             <img style="height: 23px;" src="{{ asset("/images/start_actif_hotfix.png") }}" alt="etoile">
  46.                                         {% endfor %}
  47.                                     </div>
  48.                                 </div>
  49.                             {% endif %}
  50.                         </div>
  53.                         <div id="carouselExampleControls{{ prod.id }}{{ keys }}" class="carousel slide"  data-interval="false">
  54.                             <div class="carousel-indicators">
  55.                                 <button type="button" data-bs-target="#carouselExampleControls{{ prod.id }}{{ keys }}" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  57.                                 {% for keyIndicator, prodImage in prod.imageProduits %}
  58.                                     {% if keyIndicator < 7 %}
  59.                                         <button type="button" data-bs-target="#carouselExampleControls{{ prod.id }}{{ keys }}" data-bs-slide-to="{{ keyIndicator+1 }}" aria-label="Slide {{ keyIndicator }}"></button>
  60.                                     {% endif %}
  61.                                 {% endfor %}
  62.                             </div>
  63.                             <div class="carousel-inner">
  64.                                 <div class="carousel-item all-products-selected active">
  65.                                     <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.                                 <a href="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": prod | game}) }}">
  75.                                     {% for keyImage, prodImage in prod.imageProduits %}
  76.                                         {% if keyImage < 7 %}
  77.                                             <div class="carousel-item all-products-selected">
  79.                                                 <div class="responsiveImageProduit">
  80.                                                     <img src="{{ asset("/images/images_produits/"~prodImage.image) }}" alt="zaccouzi">
  81.                                                 </div>
  82.                                             </div>
  83.                                         {% endif %}
  84.                                     {% endfor %}
  85.                                 </a>
  86.                             </div>
  87.                             <button class="carousel-control-prev button-slider-inside" type="button" data-bs-target="#carouselExampleControls{{ prod.id }}{{ 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" type="button" data-bs-target="#carouselExampleControls{{ prod.id }}{{ 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">
  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">
  104.                                     <a class="text-white text-decoration-none" href="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": categ.id}) }}">{% trans %}Afficher le{% endtrans %} spa</a>
  105.                                 </div>
  106.                             {% endif %}
  107.                             <div>
  108.                                 <a class="button-add-comparator no-wrap" href="{{ path("app_comparateur_set_list", {"id_gamme": categ.id, "id_produit": prod.id}) }}">{% trans %}Ajouter au{% endtrans %} {% trans %}comparateur{% endtrans %}</a>
  109.                             </div>
  110.                         </div>
  111.                     </div>
  112.                 </div>
  115.             </div>
  117.         {% endfor %}
  118.     {% endfor %}
  119. </div>