https://musclefuel-kw.com/swiper/swiper.js

1var swiperpricing = new Swiper('.pricing-container', {
2	slidesPerView:3,
3	speed:700,
4	spaceBetween:15,
5	navigation: {
6		nextEl: '.pricing-button-next',
7		prevEl: '.pricing-button-prev',
8	},
9	// Responsive breakpoints
10	breakpoints: {
11		// when window width is <= 480px
12		300: {
13			slidesPerView:1			
14		},
15		480: {
16			slidesPerView:2
17		},
18		575: {
19			slidesPerView:3
20		},
21		780: {
22			slidesPerView:3
23		},
24		1024: {
25			slidesPerView:3
26		},
27		1200: {
28			slidesPerView:3
29		}
30	},
31});
32var swiperpackage = new Swiper('.package-container', {
33	slidesPerView:3,
34	speed:700,
35	spaceBetween:15,
36	navigation: {
37		nextEl: '.package-button-next',
38		prevEl: '.package-button-prev',
39	},
40	// Responsive breakpoints
41	breakpoints: {
42		// when window width is <= 480px
43		300: {
44			slidesPerView:1			
45		},
46		480: {
47			slidesPerView:2
48		},
49		575: {
50			slidesPerView:3
51		},
52		780: {
53			slidesPerView:3
54		},
55		1024: {
56			slidesPerView:3
57		},
58		1200: {
59			slidesPerView:3
60		}
61	},
62});
63var swiperdishes = new Swiper('.dishes-container', {
64	slidesPerView:3,
65	speed:700,
66	spaceBetween:15,
67	navigation: {
68		nextEl: '.dishes-button-next',
69		prevEl: '.dishes-button-prev',
70	},
71	// Responsive breakpoints
72	breakpoints: {
73		// when window width is <= 480px
74		300: {
75			slidesPerView:1			
76		},
77		480: {
78			slidesPerView:1
79		},
80		575: {
81			slidesPerView:2
82		},
83		780: {
84			slidesPerView:2
85		},
86		1024: {
87			slidesPerView:3
88		},
89		1200: {
90			slidesPerView:3
91		}
92	},
93});
94 var swiper = new Swiper(".mySwiper", {
95	 	slidesPerView: 2,
96		slidesPerColumn: 2,
97        slidesPerGroup:2,
98        spaceBetween: 30,
99        pagination: {
100          el: ".swiper-pagination",
101          clickable: true,
102        },navigation: {
103		nextEl: '.week-button-next',
104		prevEl: '.week-button-prev',
105	},
106      });
107/*var swiper = new Swiper(".mySwiper", {
108        slidesPerView: 5,
109        slidesPerColumn: 2,
110        spaceBetween: 30,
111        pagination: {
112          el: ".swiper-pagination",
113          clickable: true,
114        },
115		  navigation: {
116		nextEl: '.feature-button-next',
117		prevEl: '.feature-button-prev',
118	},
119      });*/
120var swiperfeature = new Swiper('.feature-container',{
121	slidesPerView:5,
122	effect:'slide',
123	spaceBetween:10,
124	speed:700,
125	navigation: {
126		nextEl: '.feature-button-next',
127		prevEl: '.feature-button-prev',
128	},
129	breakpoints: { 
130		300: {
131			slidesPerView:2
132		},
133		480: {
134			slidesPerView:2
135		},
136		575: {
137			slidesPerView:3		
138		},
139		780: {
140			slidesPerView:4
141		},
142		1024: {
143			slidesPerView:5
144		}
145	},
146});
147var swiperstories = new Swiper('.stories-container',{
148	slidesPerView:5,
149	effect:'slide',
150	spaceBetween:30,
151	speed:700,
152	navigation: {
153		nextEl: '.stories-button-next',
154		prevEl: '.stories-button-prev',
155	},
156	breakpoints: { 
157		300: {
158			slidesPerView:2,
159			spaceBetween:10
160		},
161		480: {
162			slidesPerView:2,
163			spaceBetween:10
164		},
165		575: {
166			slidesPerView:3,
167			spaceBetween:10
168		},
169		780: {
170			slidesPerView:4,
171			spaceBetween:20
172		},
173		1024: {
174			slidesPerView:4,
175			spaceBetween:20
176		},
177		1280: {
178			slidesPerView:4,
179			spaceBetween:20
180		},
181		1300: {
182			slidesPerView:5,
183			spaceBetween:30
184		}
185	},
186});
187var swiperweek = new Swiper('.week-container', {
188	slidesPerView:6,
189	slidesPerColumn:1,
190	speed:1000,
191	spaceBetween:10,
192	// Responsive breakpoints
193	breakpoints: {
194		// when window width is <= 320px
195		320: {
196			slidesPerView:3
197		},
198		// when window width is <= 480px
199		480: {
200			slidesPerView:3
201		},
202		// when window width is <= 640px
203		768: {
204			slidesPerView:4
205		},
206		1024: {
207			slidesPerView:5
208		},
209		1280: {
210			slidesPerView:6
211		},
212		1366: {
213			slidesPerView:6
214		}
215	},
216	navigation: {
217		nextEl: '.week-button-next',
218		prevEl: '.week-button-prev',
219	},
220});
221var swipertestimonial = new Swiper('.testimonial-container',{
222	slidesPerView:1,
223	effect:'slide',
224	spaceBetween:0,
225	allowTouchMove: false,
226	speed:700,
227	navigation: {
228		nextEl: '.testimonial-button-next',
229		prevEl: '.testimonial-button-prev',
230	}
231});
232var swipecalculateCalorier = new Swiper(".calculateCalorie", {
233	speed:700,
234	allowTouchMove:false,
235	draggable: true,
236  });
237$('.calorie-btn').click(function(){
238	swipecalculateCalorier.slideNext();
239});
240$('.back-btn').click(function(){
241	swipecalculateCalorier.slidePrev();
242});