https://www.europ-computer.com/modules/base_categoryslider/views/js/base_categoryslider.js

1/*
2* 2007-2020 PrestaShop
3*
4* NOTICE OF LICENSE
5*
6* This source file is subject to the Academic Free License (AFL 3.0)
7* that is bundled with this package in the file LICENSE.txt.
8* It is also available through the world-wide-web at this URL:
9* http://opensource.org/licenses/afl-3.0.php
10* If you did not receive a copy of the license and are unable to
11* obtain it through the world-wide-web, please send an email
12* to [email protected] so we can send you a copy immediately.
13*
14* DISCLAIMER
15*
16* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
17* versions in the future. If you wish to customize PrestaShop for your
18* needs please refer to http://www.prestashop.com for more information.
19*
20*  @author PrestaShop SA <[email protected]>
21*  @copyright  2007-2020 PrestaShop SA
22*  @version  Release: $Revision$
23*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
24*  International Registered Trademark & Property of PrestaShop SA
25*/
26
27$(document).ready(function() {
28	// var tab = 0;
29	var tab = 0;
30	var child = $('#basecategory-tabs').children().length;
31	for ( tab = 1; tab <= child; tab+=1) { 
32	
33
34			// Direction for RTL and LTR
35			if (document.querySelector('body.lang-rtl')) {
36				var sliderDirection = "rtl";
37			} else {
38				var sliderDirection = "ltr";
39			}
40
41	// For Carousel
42		new Splide( '#tab_'+ tab +' .category-product-carousel', {
43			type: 'loop', 
44			gap: '30px', 
45			pagination: false,
46			arrows: true ,  
47			perPage: 4, 
48			perMove: 1,
49			direction: sliderDirection,
50			grid: {
51				dimensions: [ [ 1, 1 ] ],  //rows and cols
52				gap: {
53					row: '30px', 
54					col: '0px' 
55				}
56			},
57			breakpoints: { 
58				1199: {
59					perPage: 3, 
60				},
61				767: {
62					gap: '20px', 
63				},
64				543: {
65					perPage: 2,
66					grid: {
67					gap: {
68						row: '15px', 
69						col: '0px' 
70					}
71						},
72  			      },
73					479: {
74						gap: '10px', 
75					},
76			}
77		}).mount( window.splide.Extensions );
78	}
79});