sites slick

web/themes/custom/reha/dist/css/bundle.css

@@ -2753,32 +2753,35 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   margin: auto;
 }
 .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site {
+  height: 520px;
+  width: 771px;
   order: 1;
 }
 .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image {
   width: 100%;
   margin: auto;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-dots {
+  z-index: 999;
+}
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list {
+  padding: 0 !important;
+}
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item img {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item img {
   height: 520px;
   width: auto;
   object-fit: contain;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item blockquote {
-  position: relative;
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item blockquote {
   font-style: italic;
   margin: 0;
-  width: 20vw;
-  z-index: 900;
-  left: 20vw;
-  top: -50px;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item blockquote p {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item blockquote p {
   margin: 0;
   padding-left: 1rem;
 }

web/themes/custom/reha/js/reha.js

@@ -164,29 +164,29 @@ jQuery(document).ready(function($){
     console.log('slick actu');
   });
   // html.js body.node-type-site.node-id-58 div.dialog-off-canvas-main-canvas div.layout-container.page-node-site main div.layout-content.home-page-layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block article.node-type-site div.entete_site div.image-site div.field.field--name-field-image.field--type-image.field--label-visually_hidden div.field__items
-  // $(document).ready(function(){
-  //   $('.page-node-site .node-type-site .entete_site .image-site .field--name-field-image > div:nth-child(2)').slick({
-  //     slidesToShow: 1,
-  //     slidesToScroll: 1,
-  //     dots: true,
-  //     arrows: false,
-  //     adaptiveHeight: true,
-  //     // centerMode: true,
-  //     // centerPadding: '100px',
-  //     responsive: [
-  //       {
-  //         breakpoint: 810,
-  //         settings: {
-  //           slidesToShow: 1,
-  //           adaptiveHeight: true,
-  //           arrows: false,
-  //           draggable: true,
-  //           centerMode: true,
-  //         }
-  //       }]
-  //   });
-  //   console.log('slick site');
-  // });
+  $(document).ready(function(){
+    $('.page-node-site .field--name-field-image .field__items').slick({
+      slidesToShow: 1,
+      // slidesToScroll: 1,
+      dots: true,
+      arrows: false,
+      // adaptiveHeight: true,
+      centerMode: true,
+      // centerPadding: '100px',
+      responsive: [
+        {
+          breakpoint: 810,
+          settings: {
+            slidesToShow: 1,
+            adaptiveHeight: true,
+            arrows: false,
+            draggable: true,
+            centerMode: true,
+          }
+        }]
+    });
+    console.log('slick site');
+  });
 
 
   

web/themes/custom/reha/scss/pages/node-site.scss

@@ -63,36 +63,44 @@
                     flex-direction: row;
                     margin: auto;
                     .image-site{
+                        height: 520px;
+                        width: 771px;
                         order: 1;
                         // top: -115px;
                         // position: relative;
                         .field--name-field-image{
                             width: 100%;
                             margin: auto;
-                            .field__item{
-                                display: flex;
-                                flex-direction:column;
-                                align-items: flex-end;
-                                img{
-                                    height: 520px;
-                                    width: auto;
-                                    object-fit: contain;
-                                }
-                                blockquote{
-                                    position: relative;
-                                    font-style: italic;
-                                    margin: 0;
-                                    width: 20vw;
-                                    z-index: 900;
-                                    left: 20vw;
-                                    top: -50px;
-            
-                                    p{
+                            .slick-dots{z-index: 999;}
+                            .slick-list{
+                                padding: 0 !important;
+                                .field__item{
+                                    display: flex;
+                                    flex-direction:column;
+                                    align-items: flex-end;
+
+                                    img{
+                                        height: 520px;
+                                        width: auto;
+                                        object-fit: contain;
+                                    }
+                                    blockquote{
+                                        // position: relative;
+                                        font-style: italic;
                                         margin: 0;
-                                        padding-left: 1rem;
+                                        // width: 20vw;
+                                        // z-index: 900;
+                                        // left: 20vw;
+                                        // top: -50px;
+                
+                                        p{
+                                            margin: 0;
+                                            padding-left: 1rem;
+                                        }
                                     }
                                 }
                             }
+                            
                         }
                     }