Browse Source

restreint carrousel ressourece

ouidade 2 weeks ago
parent
commit
0de3eb6351

+ 14 - 0
web/themes/custom/eql/eql.theme

@@ -51,6 +51,8 @@ function eql_preprocess_node(&$variables){
     }
   }
 }
+
+
 function eql_preprocess_page(array &$variables) {
   $node = \Drupal::routeMatch()->getParameter('node');
   if ($node instanceof \Drupal\node\NodeInterface && $node->bundle() === 'ressource') {
@@ -70,6 +72,18 @@ function eql_preprocess_page(array &$variables) {
   }
 }
 
+function eql_preprocess_block(array &$variables) {
+  // Vérifie si on est sur une page node de type 'ressource'
+  $route_match = \Drupal::routeMatch();
+  $node = $route_match->getParameter('node');
+
+  if ($node instanceof \Drupal\node\NodeInterface && $node->bundle() === 'ressource') {
+    $variables['is_ressource_page'] = TRUE;
+  }
+  else {
+    $variables['is_ressource_page'] = FALSE;
+  }
+}
 
 
 function eql_preprocess_field(&$variables) {

+ 19 - 2
web/themes/custom/eql/templates/block--entity-field--node--field-images.html.twig

@@ -44,7 +44,24 @@
 
 
   {% block content %}
-   <div class="carousel">
+    {% if is_ressource_page %}
+    {# Affichage du carrousel uniquement sur les pages de type ressource #}
+      <div class="carousel">
+        <div class="main-image-container">
+          <div class="arrow left" id="prevArrow">←</div>
+          <img id="mainImage" src="" alt="Image principale">
+          <div class="arrow right" id="nextArrow">→</div>
+        </div>
+        <div class="caption" id="caption"></div>
+        <div class="thumbnails-wrapper">
+          <div class="thumb-arrow left" id="thumbPrev">←</div>
+          <div class="thumbnails" id="thumbnails"></div>
+          <div class="thumb-arrow right" id="thumbNext">→</div>
+        </div>
+      </div>
+    {% endif %}
+
+   {# <div class="carousel">
       <div class="main-image-container">
         <div class="arrow left" id="prevArrow">←</div>
         <img id="mainImage" src="" alt="Image principale">
@@ -55,7 +72,7 @@
         <div class="thumb-arrow left" id="thumbPrev">←</div>
         <div class="thumbnails" id="thumbnails"></div>
         <div class="thumb-arrow right" id="thumbNext">→</div>
-      </div>    </div>
+      </div>    </div> #}
     {{ content }}
   {% endblock %}
 </div>