history page update

themes/custom/envigo/js/custom.js

@@ -405,6 +405,36 @@
         });
 
     }
+
+    if ($(".history-year__global-blue").length) {
+        $(".history-year__global-blue").slick({
+            dots: false,
+            infinite: true,
+            autoplay:true,
+            autoplaySpeed: 2000,
+            speed: 3000,
+            slidesToShow: 6,
+            slidesToScroll: 6,
+            arrows:false,
+            responsive: [{
+                    breakpoint: 991,
+                    settings: {
+                        arrows: true,
+                        slidesToShow: 3,
+                        slidesToScroll: 3,
+                    },
+                },
+                {
+                    breakpoint: 767,
+                    settings: {
+                        slidesToShow: 2,
+                        slidesToScroll: 2,
+                    },
+                },
+            ],
+        });
+
+    }
     if ($(".history-year__india").length) {
         $(".history-year__india").slick({
             dots: false,
@@ -537,6 +567,7 @@
         });
 
 
+
         //when the slick slide initializes we want to set all of our slides to the same height
         $(".b_slider_m_c_box").on("setPosition", function() {
             jbResizeSlider();

themes/custom/envigo/templates/views/views-view-unformatted--history--block-1.html.twig

@@ -54,8 +54,8 @@
                                         <span></span>
                                     </div>
                                 </div>
-                                <div class="hs_wrap_c" >
-                                    <ul class="count_li_item">
+                                <div class="hs_wrap_c historyscrollerPane" >
+                                    <ul class="count_li_item history-year__global-blue">
                                         {% for row in rows %}
                                             {% if row.content['#view'].style_plugin.render_tokens[ loop.index0 ]['{{ field_history_category }}'] == 'Product History' %}
                                         <li class="blue">