← All changes | includes/widgets/Woo_Cart_Cross_Sells/script.js +12 -4 51.1.84 → 51.1.87 View file →

		@@ -10,8 +10,9 @@
10	10	const initSlider = (container) => {
11	11	const products = container.querySelector('.products');
12	12	if (!products) return;
13	13
	14	+ const count = products.querySelectorAll('li.product').length;
14	15	const cols = parseInt(container.dataset.cols || '4', 10);
15	16	const colsTablet = parseInt(container.dataset.colsTablet || Math.max(2, Math.min(cols, 3)), 10);
16	17	const colsMobile = parseInt(container.dataset.colsMobile || '1', 10);
17	18	const showArrows = container.dataset.arrows === '1';
		@@ -18,9 +19,16 @@
18	19	const showDots = container.dataset.dots === '1';
19	20	const loop = container.dataset.loop === '1';
20	21	const autoplay = container.dataset.autoplay === '1';
21	22	const autoplaySpeed = parseInt(container.dataset.autoplaySpeed || '4000', 10);
	23	+ const slidesDesktop = Math.max(1, Math.min(cols, count));
	24	+ const slidesTablet = Math.max(1, Math.min(colsTablet, count));
	25	+ const slidesMobile = Math.max(1, Math.min(colsMobile, count));
22	26
	27	+ if (count <= 1) {
	28	+ return;
	29	+ }
	30	+
23	31	if (typeof $.fn.slick === "function") {
24	32	const $el = $(products);
25	33	if ($el.hasClass('slick-initialized')) {
26	34	$el.slick('unslick');
		@@ -25,18 +33,18 @@
25	33	if ($el.hasClass('slick-initialized')) {
26	34	$el.slick('unslick');
27	35	}
28	36	$el.slick({
29		- slidesToShow: cols,
	37	+ slidesToShow: slidesDesktop,
30	38	slidesToScroll: 1,
31		- infinite: loop,
	39	+ infinite: loop && count > slidesDesktop,
32	40	dots: showDots,
33	41	arrows: showArrows,
34	42	autoplay,
35	43	autoplaySpeed,
36	44	responsive: [
37		- { breakpoint: 1024, settings: { slidesToShow: colsTablet } },
38		- { breakpoint: 768, settings: { slidesToShow: colsMobile } },
	45	+ { breakpoint: 1024, settings: { slidesToShow: slidesTablet } },
	46	+ { breakpoint: 768, settings: { slidesToShow: slidesMobile } },
39	47	],
40	48	});
41	49	}
42	50	};