ajustea view js

midianinja · Sep 9, 2024 · 3d3cb8f · 3d3cb8f
1 parent 47b8dad
commit 3d3cb8f
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 53 deletions.
diff --git a/themes/midia-ninja-theme/library/blocks/src/latest-horizontal-posts/view.js b/themes/midia-ninja-theme/library/blocks/src/latest-horizontal-posts/view.js
@@ -3,44 +3,39 @@ import slick from 'slick-carousel'
 document.addEventListener("DOMContentLoaded", function() {
     const horizontalSliders = document.querySelectorAll('[data-slider="horizontal-posts"]')
 
-	if (horizontalSliders.length > 0) {
+    horizontalSliders.forEach(slider => {
+        const slides = slider.querySelector('.latest-horizontal-posts-block__slides')
+        const arrows = slider.querySelector('.latest-horizontal-posts-block__arrows')
+        const dots = slider.querySelector('.latest-horizontal-posts-block__dots')
+        const slidesToShow = slider.dataset.slidesToShow || 3
 
-		const { default: slick } = import('slick-carousel');
+        // Mobile
+        const arrowsMobile = slider.querySelector('.medium-only .latest-horizontal-posts-block__arrows')
+        const dotsMobile = slider.querySelector('.medium-only .latest-horizontal-posts-block__dots')
 
-        horizontalSliders.forEach(slider => {
-			const slides = slider.querySelector('.latest-horizontal-posts-block__slides')
-			const arrows = slider.querySelector('.latest-horizontal-posts-block__arrows')
-			const dots = slider.querySelector('.latest-horizontal-posts-block__dots')
-			const slidesToShow = slider.dataset.slidesToShow || 3
+		let slidesToShowMobile = 1
+		if (slider.classList.contains('model-specials') || slider.classList.contains('model-most-read')) {
+			slidesToShowMobile = 2
+		} else if (slider.classList.contains('model-collection') || slider.classList.contains('model-albums')) {
+			slidesToShowMobile = 1.5
+		}
 
-			// Mobile
-			const arrowsMobile = slider.querySelector('.medium-only .latest-horizontal-posts-block__arrows')
-			const dotsMobile = slider.querySelector('.medium-only .latest-horizontal-posts-block__dots')
-
-			let slidesToShowMobile = 1
-			if (slider.classList.contains('model-specials') || slider.classList.contains('model-most-read')) {
-				slidesToShowMobile = 2
-			} else if (slider.classList.contains('model-collection') || slider.classList.contains('model-albums')) {
-				slidesToShowMobile = 1.5
-			}
-
-			jQuery(slides).slick({
-				appendArrows: arrows,
-				appendDots: dots,
-				dots: true,
-				infinite: false,
-				slidesToShow: parseInt(slidesToShow),
-				responsive: [
-					{
-						breakpoint: 783,
-						settings: {
-							appendArrows: arrowsMobile,
-							appendDots: dotsMobile,
-							slidesToShow: slidesToShowMobile,
-						}
-					}
-				]
-			})
-		})
-    }
+        jQuery(slides).slick({
+            appendArrows: arrows,
+            appendDots: dots,
+            dots: true,
+            infinite: false,
+            slidesToShow: parseInt(slidesToShow),
+            responsive: [
+                {
+                    breakpoint: 783,
+                    settings: {
+                        appendArrows: arrowsMobile,
+                        appendDots: dotsMobile,
+                        slidesToShow: slidesToShowMobile,
+                    }
+                }
+            ]
+        })
+    })
 })
diff --git a/themes/midia-ninja-theme/library/blocks/src/latest-vertical-posts/view.js b/themes/midia-ninja-theme/library/blocks/src/latest-vertical-posts/view.js
@@ -3,21 +3,17 @@ import slick from 'slick-carousel'
 document.addEventListener("DOMContentLoaded", function() {
     const sliders = document.querySelectorAll('[data-slider="vertical-posts"]')
 
-	const { default: slick } = import('slick-carousel');
+    sliders.forEach(slider => {
+        const slides = slider.querySelector('.latest-vertical-posts-block__slides')
+        const arrows = slider.querySelector('.latest-vertical-posts-block__arrows')
+        const dots = slider.querySelector('.latest-vertical-posts-block__dots')
 
-	if (sliders.length > 0) {
-		sliders.forEach(slider => {
-			const slides = slider.querySelector('.latest-vertical-posts-block__slides')
-			const arrows = slider.querySelector('.latest-vertical-posts-block__arrows')
-			const dots = slider.querySelector('.latest-vertical-posts-block__dots')
-
-			jQuery(slides).slick({
-				appendArrows: arrows,
-				appendDots: dots,
-				dots: true,
-				infinite: false,
-				slidesToShow: 1
-			})
-		})
-	}
+        jQuery(slides).slick({
+            appendArrows: arrows,
+            appendDots: dots,
+            dots: true,
+            infinite: false,
+            slidesToShow: 1
+        })
+    })
 })