script

htdocs/wp-content/themes/lawcarta/assets/js/sliderScript.js

@@ -0,0 +1,62 @@
+var slider;	
+var sliderOptions = {
+    perPage: 3,
+    gap: 30
+};	
+
+function mountSlider(){
+    slider = new Splide( '.splide', {
+        type: 'loop',
+        perPage: sliderOptions.perPage,
+        perMove: 1,
+        rewind : true,
+        pagination: false,
+        gap: sliderOptions.gap
+    } ).mount();
+}
+
+function destroySlider(){
+    slider.destroy(completely = true);
+}
+
+function resizeWindow(){
+    var sliderSize = document.querySelector('.slider-size').dataset.sliderSize;
+    var windowSize = document.body.clientWidth;				
+    sliderOptions = null;				
+    if ( windowSize > 1000 && sliderSize != 'md' ) {
+        sliderOptions = {
+            perPage: 3,
+            gap: 30
+        }
+        document.querySelector('.slider-size').dataset.sliderSize = 'md';
+    }
+    if ( ( windowSize > 768 && windowSize <= 1024 )  && sliderSize != 'sm') {
+        sliderOptions = {
+            perPage: 2,
+            gap: 10
+        }
+        document.querySelector('.slider-size').dataset.sliderSize = 'sm';
+    }							
+    if ( windowSize <= 768  && sliderSize != 'xs') {
+        sliderOptions = {
+            perPage: 1,
+            gap: 0
+        }
+        document.querySelector('.slider-size').dataset.sliderSize = 'xs';
+    }
+    if (sliderOptions) {
+        destroySlider();
+        mountSlider();
+    }
+}
+
+mountSlider();
+resizeWindow();
+window.onresize = resizeWindow;
+
+function scrollToCalendar() {
+    event.preventDefault();
+    var scrollContCoords = document.querySelector('.pc-calendar-desktop').getBoundingClientRect().top;
+    var scrollCoords = window.pageYOffset + scrollContCoords + 15;
+    window.scrollTo(0, scrollCoords);
+}

htdocs/wp-content/themes/lawcarta/footer.php

@@ -83,6 +83,7 @@ require_once 'inc/walker-nav-menu.php';
 <script src="<?= get_theme_file_uri('/assets/js/splide/splide.min.js'); ?>"></script>
 <script src="<?= get_theme_file_uri('/assets/js/faqSearch.js'); ?>"></script>
 <script src="<?= get_theme_file_uri('/assets/js/promoImage.js'); ?>"></script>
+<script src="<?= get_theme_file_uri('/assets/js/sliderScript.js'); ?>"></script>
 
 
 </body>

htdocs/wp-content/themes/livecarta/footer.php

@@ -77,5 +77,6 @@
     <script src="<?= get_theme_file_uri('/assets/js/featuresScroll.js'); ?>"></script>
     <script src="<?= get_theme_file_uri('/assets/js/faqSearch.js'); ?>"></script>
     <script src="<?= get_theme_file_uri('/assets/js/promoImage.js'); ?>"></script>
+    <script src="<?= get_theme_file_uri('/assets/js/sliderScript.js'); ?>"></script>
 </body>
 </html>