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

Open in your IDE?
  1. {% for sousCateg in categ.CategorieChild %}
  2.     {% for keys, prod in sousCateg.getProduits() %}
  4.         {% if prod.stock <= 0 %}
  5.             {% set cardClass = 'product-no-stock' %}
  6.         {% else %}
  7.             {% set cardClass = '' %}
  8.         {% endif %}
  10.         <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-6 p-1 hp_block-product-responsive text-center">
  11.             <div class="coup_de_coeur coup_de_coeur_lg">
  12.                 {% if prod.isCoupCoeur %}
  13.                     <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">
  14.                 {% endif %}
  15.             </div>
  17.             <div class="card {{ cardClass }}">
  18.                 <div class="card-body pt-2 pb-2 p-1">
  19.                     <div class="product_one_block_link" style="cursor: pointer;" data-link="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": prod | game}) }}">
  20.                         {% if prod.stock <= 0 %}
  21.                             <div>
  22.                                 <p class="text-red-stock">Bientôt en stock</p>
  23.                             </div>
  24.                         {% endif %}
  26.                         <div><h6 class="fw-600 text-grey-color-used"><i class="text-portail">SPAS</i> {{ prod.name|filterName|raw }}</h6></div>
  27.                         <div class="row">
  28.                             <div class="col-6 text-small-bolder text-end text-grey-color-used no-wrap">{{ prod | places }} {% trans %}place(s){% endtrans %}</div>
  29.                             <div class="col-6 text-small-bolder text-start text-grey-color-used no-wrap">{{ prod | jets}} {% trans %}jet(s){% endtrans %}</div>
  30.                         </div>
  32.                         {% if not prod.stock <= 0 %}
  33.                             <div class="ratings">
  34.                                 {% set nbrStartsP = categ.name|number_format %}
  36.                                 <div class="d-flex">
  37.                                     {% for i in 1..nbrStartsP %}
  38.                                         <img style="height: 23px;" src="{{ asset("/images/start_actif_hotfix.png") }}" alt="etoile">
  39.                                     {% endfor %}
  40.                                 </div>
  41.                             </div>
  42.                         {% endif %}
  43.                     </div>
  45.                     <div class="price-products text-grey-color-used">{{ prod.price|number_format(0, ',', ' ')  }}€</div>
  48.                     <div id="carouselExampleControls{{ keys }}" class="carousel slide"  data-interval="false">
  49.                         <div class="carousel-indicators">
  50.                             <button type="button" data-bs-target="#carouselExampleControls{{ keys }}" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  51.                             {% for keyIndicator, prodImage in prod.imageProduits %}
  52.                                 {% if keyIndicator < 7 %}
  53.                                     <button type="button" data-bs-target="#carouselExampleControls{{ keys }}" data-bs-slide-to="{{ keyIndicator+1 }}" aria-label="Slide {{ keyIndicator }}"></button>
  54.                                 {% endif %}
  55.                             {% endfor %}
  56.                         </div>
  60.                         <div class="carousel-inner">
  61.                             <div class="carousel-item all-products-selected active">
  62.                                 <a href="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": prod | game}) }}">
  63.                                     <div class="responsiveImageProduit">
  64.                                         <img src="{{ asset("/images/images_produits/"~prod.imageProduitsPrincipale) }}" alt="zaccouzi">
  65.                                     </div>
  66.                                 </a>
  68.                             </div>
  70.                             {% for keyImage, prodImage in prod.imageProduits %}
  71.                                 {% if keyImage < 7 %}
  72.                                     <div class="carousel-item all-products-selected">
  73.                                         <a href="{{ path("app_fiche_produit", {"id_product": prod.id,"id_categorie": prod | game}) }}">
  74.                                             <div class="responsiveImageProduit">
  75.                                                 <img src="{{ asset("/images/images_produits/"~prodImage.image) }}" alt="zaccouzi">
  76.                                             </div>
  77.                                         </a>
  78.                                     </div>
  79.                                 {% endif %}
  80.                             {% endfor %}
  81.                         </div>
  82.                         <button class="carousel-control-prev button-slider-inside-home" type="button" data-bs-target="#carouselExampleControls{{ keys }}" data-bs-slide="prev">
  83.                             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  84.                             <span class="visually-hidden">Previous</span>
  85.                         </button>
  86.                         <button class="carousel-control-next button-slider-inside-home" type="button" data-bs-target="#carouselExampleControls{{ keys }}" data-bs-slide="next">
  87.                             <span class="carousel-control-next-icon" aria-hidden="true"></span>
  88.                             <span class="visually-hidden">Next</span>
  89.                         </button>
  90.                     </div>
  92.                     <div>
  93.                         {% if prod.stock <= 0 %}
  94.                             <div class="button-show-detail-red no-wrap">
  95.                                 <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>
  96.                             </div>
  97.                         {% else %}
  98.                             <div class="button-show-detail no-wrap">
  99.                                 <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>
  100.                             </div>
  101.                         {% endif %}
  102.                         <div class=" no-wrap">
  103.                             <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>
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.             </div>
  110.         </div>
  111.         {#        <div class="col-xl-2 col-lg-3 col-md-4 p-1">#}
  112.         {#            <div class="coup_de_coeur">#}
  113.         {#                {% if not prod.stock <= 0 %}#}
  114.         {#                    <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">#}
  115.         {#                {% endif %}#}
  116.         {#            </div>#}
  118.         {#            <div class="card {{ cardClass }}">#}
  119.         {#                <div class="card-body pt-2 pb-2 p-1">#}
  120.         {#                    {% if prod.stock <= 0 %}#}
  121.         {#                        <div>#}
  122.         {#                            <p class="text-red-stock">{% trans %}Bientôt en stock{% endtrans %}</p>#}
  123.         {#                        </div>#}
  124.         {#                    {% endif %}#}
  126.         {#                    <div><h6 class="fw-600 text-grey-color-used no-wrap"><i class="text-portail">SPAS</i> {{ prod.getNameLangue(app.request.locale) }}</h6></div>#}
  127.         {#                    <div class="row">#}
  128.         {#                        <div class="col-6 text-small-bolder text-end text-grey-color-used">{{ prod | places }} {% trans %}places{% endtrans %}</div>#}
  129.         {#                        <div class="col-6 text-small-bolder text-start text-grey-color-used">{{ prod | jets}} {% trans %}jets{% endtrans %}</div>#}
  130.         {#                    </div>#}
  131.         {#                    <div class="price-products text-grey-color-used">{{ prod.price|number_format(0, ',', ' ') }}€</div>#}
  132.         {#                    {% if not prod.stock <= 0 %}#}
  133.         {#                        <div class="ratings">#}
  134.         {#                            <div class="empty-stars"></div>#}
  135.         {#                            <div class="full-stars" style="width:{{ prod.getNoteClientOfOneProduct(prod.getAvisClients) }}"></div>#}
  136.         {#                        </div>#}
  137.         {#                    {% endif %}#}
  139.         {#                    #}{# slider #}
  141.         {#                    <section class="lazy1 slider" data-sizes="50vw">#}
  142.         {#                        <div class="width-unset d-flex">#}
  143.         {#                            <img height="100%" src="{{ asset("/images/images_produits/"~prod.imageProduitsPrincipale) }}" alt="zaccouzi">#}
  144.         {#                        </div>#}
  146.         {#                        {% for prodImage in prod.imageProduits %}#}
  147.         {#                            <div class="width-unset d-flex">#}
  148.         {#                                <img height="100%" src="{{ asset("/images/images_produits/"~prodImage.image) }}" alt="zaccouzi">#}
  149.         {#                            </div>#}
  150.         {#                        {% endfor %}#}
  151.         {#                    </section>#}
  153.         {#                    #}{# slider #}
  157.         {#                    <div>#}
  159.         {#                        {% if prod.stock <= 0 %}#}
  160.         {#                            <div class="button-show-detail-red">#}
  161.         {#                                <a class="text-white text-decoration-none" href="">{% trans %}M'inscrire à la newsletter{% endtrans %} <img class="img-email-newsletter" src="{{ asset("/images/block_products/email.png") }}" alt="email"></a>#}
  162.         {#                            </div>#}
  163.         {#                        {% else %}#}
  164.         {#                            <div class="button-show-detail">#}
  165.         {#                                <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>#}
  166.         {#                            </div>#}
  167.         {#                        {% endif %}#}
  168.         {#                        <div>#}
  169.         {#                            <a class="button-add-comparator" href="{{ path("app_comparateur_set_list", {"id_gamme": categ.id, "id_produit": prod.id}) }}">{% trans %}Ajouter au{% endtrans %} {% trans %}comparateur{% endtrans %}</a>#}
  170.         {#                        </div>#}
  171.         {#                    </div>#}
  172.         {#                </div>#}
  173.         {#            </div>#}
  174.         {#        </div>#}
  175.     {% endfor %}
  176. {% endfor %}