templates/produit/slider_produit.html.twig line 1

Open in your IDE?
  1. <div id="carouselProduit" class="carousel slide" data-ride="carousel">
  2.     <ol class="carousel-indicators">
  3.         {% for image in produit.images %}
  4.             <li data-target="#carouselProduit" data-slide-to="{{ loop.index - 1 }}"
  5.                 {% if loop.index == 1 %}class="active"{% endif %}></li>
  6.         {% endfor %}
  7.     </ol>
  8.     <div class="carousel-inner">
  9.         {% for image in produit.images %}
  10.             <div class="carousel-item {% if loop.index == 1 %}active{% endif %}" data-interval="10000">
  11.                 <img class="myImg d-block w-100" src="{{ urlImageProduit ~ image.url }}" alt="{{ image.designation }}"
  12.                      title="{{ image.designation }}" data-magnify-src="{{ urlImageProduit ~ image.url }}">
  13.             </div>
  14.         {% endfor %}
  15.     </div>
  16.     <a class="carousel-control-prev" href="#carouselProduit" role="button" data-slide="prev">
  17.         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  18.         <span class="sr-only">Retour</span>
  19.     </a>
  20.     <a class="carousel-control-next" href="#carouselProduit" role="button" data-slide="next">
  21.         <span class="carousel-control-next-icon" aria-hidden="true"></span>
  22.         <span class="sr-only">Suivant</span>
  23.     </a>
  24. </div>
  26. <!-- Modal -->
  27. <div id="myModal" class="modal modal-zoom">
  28.     <section class="row">
  29.         <div class="col-12">
  30.             <img class="modal-content-zoom img-responsive" id="img01">
  31.             <p id="titreModal" class="caption-zoom"></p>
  32.         </div>
  33.     </section>
  34. </div>
  35. {% if produit.preconfigUrlKey is not empty or produit.sousFamille.familleProduit.configurateur or produit.configurateur is not empty or  produit.sousFamille.configurateur %}
  36.     {% if produit.preconfigUrlKey is not empty %}
  37.     {# Produit lié à une préconfiguration du configurateur façade → on lance le configurateur préchargé. #}
  38.     <a class="row" href="{{ path('app_configurateur_facade_configure', {projetUid: null, preconfig: produit.preconfigUrlKey}) }}">
  39.     {% elseif  produit.configurateur is not empty %}
  40.     <a class="row" href="{{ path('configurateur_quick', {'sceneSampleKey' : produit.configurateur.sceneKey  }) }}">
  41.     {% elseif produit.sousFamille.familleProduit.configurateur %}
  42.     <a class="row" href="{{ produit.sousFamille.familleProduit.configurateur }}" target="_blank" {# onclick="window.open(this.href,'Configurateur','top='+ ((window.screen.height - 700) > 0 ? (window.screen.height - 700)/2 : 0 ) + ',left=' + ((window.screen.width - 1000) > 0 ? (window.screen.width - 1000)/2 : 0) +',directories=0,titlebar=0,toolbar=0,location=0,status=0,menubar=0,scrollbars=0,resizable=0,height=700,width=1000'); return false;" #}>
  43.     {% elseif produit.modelCommercial is same as("Coulissante Initial") %}
  44.     <a class="row" href="{{ path('app_configurateur_facade_configure', {projetUid: null}) }}">
  45.     {% else %}
  46.     <a class="row" href="{{ produit.sousFamille.configurateur }}" target="_blank" {# onclick="window.open(this.href,'Configurateur','top='+ ((window.screen.height - 700) > 0 ? (window.screen.height - 700)/2 : 0 ) + ',left=' + ((window.screen.width - 1000) > 0 ? (window.screen.width - 1000)/2 : 0) +',directories=0,titlebar=0,toolbar=0,location=0,status=0,menubar=0,scrollbars=0,resizable=0,height=700,width=1000'); return false;" #}>
  47.     {% endif %}
  50.             <div class="offset-1 offset-sm-2 offset-md-1 offset-lg-4 offset-xl-5 col-11 col-sm-10 col-md-11 col-lg-8 col-xl-7 d-flex justify-content-around align-items-center configurateur">
  51.                 <div>
  52.                     <img class="img-fluid" src="{{ asset("assets/configurateur.svg") }}" alt="Logo configurateur">
  53.                 </div>
  54.                 <div class="maron">
  55.                     CONFIGUREZ <br/>
  56.                     <strong class="text-uppercase">
  57.                         votre {{ produit.sousFamille.familleProduit.designation }}
  58.                     </strong>
  59.                 </div>
  60.                 <div>
  61.                     <img class="img-fluid" src="{{ asset("assets/right-arrow.svg") }}" alt="Flèche">
  62.                 </div>
  63.             </div>
  65.         </a>
  67.         {% endif %}