https://www.tehransang.com/_PortalThemes/demo303/assets/js/app.js

1//========= start home slider =========///
2var swiper = new Swiper("#homeSlider", {
3  spaceBetween: 30,
4  centeredSlides: true,
5  loop: true,
6  autoplay: {
7    delay: 3000,
8    disableOnInteraction: false,
9  },
10  effect: "fade",
11  pagination: {
12    el: ".swiper-pagination",
13    clickable: true,
14  },
15  navigation: {
16    nextEl: ".swiper-button-next",
17    prevEl: ".swiper-button-prev",
18  },
19});
20
21///=============end home slider ============/
22
23/// ============= start sugget ============ /
24
25var swiper = new Swiper(".sugget-slider", {
26  slidesPerView: 1,
27  speed: 1000,
28  spaceBetween: 30,
29  loop: true,
30  centeredSlides: true,
31  autoplay: {
32    delay: 3500,
33    disableOnInteraction: false,
34  },
35});
36
37/// ============= end sugget ============ /
38
39//===========feature in home page ===========//
40var swiper = new Swiper("#feature", {
41  slidesPerView: 1,
42  spaceBetween: 10,
43  freeMode: true,
44  breakpoints: {
45    200: {
46      slidesPerView: 2,
47      spaceBetween: 20,
48    },
49    576: {
50      slidesPerView: 3,
51      spaceBetween: 20,
52    },
53    768: {
54      slidesPerView: 4,
55      spaceBetween: 40,
56    },
57    1024: {
58      slidesPerView: 5,
59      spaceBetween: 50,
60    },
61  },
62});
63//===========end feature in home page ===========//
64
65//=========== amazing slider ===========//
66var swiper = new Swiper("#amazing", {
67  slidesPerView: "auto",
68  spaceBetween: 10,
69  freeMode: true,
70  navigation: {
71    nextEl: ".swiper-button-next",
72    prevEl: ".swiper-button-prev",
73  },
74});
75//===========end amazing slider ===========//
76
77//========= start product box ==============/
78var swiper = new Swiper("#product-box", {
79  slidesPerView: "auto",
80  spaceBetween: 10,
81  // loop: true,
82  // speed: 1000,
83  // centeredSlides: true,
84  // autoplay: {
85  //   delay: 3500,
86  //   disableOnInteraction: false,
87  // },
88  freeMode: true,
89  navigation: {
90    nextEl: ".swiper-button-next",
91    prevEl: ".swiper-button-prev",
92  },
93});
94//========= end product box ==============/
95
96//=========== swiper box ===========//
97var swiper = new Swiper("#swiper-box", {
98  slidesPerView: 1,
99  spaceBetween: 10,
100  navigation: {
101    nextEl: ".swiper-button-next",
102    prevEl: ".swiper-button-prev",
103  },
104  loop: true,
105  speed: 1000,
106  autoplay: {
107    delay: 3500,
108    disableOnInteraction: false,
109  },
110  breakpoints: {
111    200: {
112      slidesPerView: 2,
113      spaceBetween: 20,
114    },
115    576: {
116      slidesPerView: 3,
117      spaceBetween: 20,
118    },
119    768: {
120      slidesPerView: 4,
121      spaceBetween: 40,
122    },
123    1024: {
124      slidesPerView: 5,
125      spaceBetween: 50,
126    },
127  },
128});
129//=========== end swiper-box ===========//
130
131//=========== swiper box ===========//
132var swiper = new Swiper("#swiper-box-two", {
133  spaceBetween: 10,
134  navigation: {
135    nextEl: ".swiper-button-next",
136    prevEl: ".swiper-button-prev",
137  },
138  pagination: {
139    el: ".swiper-pagination",
140    clickable: true,
141  },
142  loop: true,
143  speed: 1000,
144  breakpoints: {
145    200: {
146      slidesPerView: 1,
147      spaceBetween: 20,
148    },
149    576: {
150      slidesPerView: 2,
151      spaceBetween: 20,
152    },
153    768: {
154      slidesPerView: 3,
155      spaceBetween: 40,
156    }
157  },
158});
159//=========== end swiper-box ===========//
160
161//=========== swiper-small-slider ===========//
162var swiper = new Swiper(".swiper-small-slider", {
163  spaceBetween: 10,
164  slidesPerView: 1,
165  navigation: {
166    nextEl: ".swiper-button-next",
167    prevEl: ".swiper-button-prev",
168  },
169  loop: true,
170  speed: 2500,
171  autoplay: {
172    delay: 3500,
173    disableOnInteraction: false,
174  },
175});
176//=========== end swiper-small-slider ===========//
177
178//=========== product gallery ===================//
179
180var proSwiper = new Swiper(".product-gallery-thumb", {
181  spaceBetween: 10,
182  slidesPerView: 4,
183  freeMode: true,
184  watchSlidesProgress: true,
185  breakpoints: {
186    // when window width is >= 320px
187    320: {
188      slidesPerView: 3,
189      spaceBetween: 10
190    },
191    // when window width is >= 480px
192    400: {
193      slidesPerView: 4,
194      spaceBetween: 10
195    },
196  },
197});
198var proThumbswiper = new Swiper(".product-gallery", {
199  spaceBetween: 10,
200  navigation: {
201    nextEl: ".swiper-button-next",
202    prevEl: ".swiper-button-prev",
203  },
204  pagination: {
205    el: ".swiper-pagination",
206    clickable: true,
207  },
208  zoom: {
209    maxRatio: 3,
210    minRation: 1
211  },
212  thumbs: {
213    swiper: proSwiper,
214  },
215});
216
217//=========== end product gallery ===================//
218
219//=========== modal product ===========//
220var swiper = new Swiper(".sw-modal-product", {
221  spaceBetween: 10,
222  slidesPerView: 1,
223  navigation: {
224    nextEl: ".swiper-button-next",
225    prevEl: ".swiper-button-prev",
226  },
227  loop: true,
228  pagination: {
229    el: ".swiper-pagination",
230    clickable: true,
231  },
232});
233//=========== end modal product ===========//
234
235//========= start new category ==============/
236var swiper = new Swiper(".free-mode", {
237  slidesPerView: "auto",
238  spaceBetween: 10,
239  freeMode: true,
240});
241//========= end new category ==============/
242
243// When the user clicks on the button, scroll to the top of the document

244function topFunction() {
245  document.body.scrollTop = 0; // For Safari
246  document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
247}
248
249///offer
250///offer gallery
251var swiper = new Swiper("#offerItemLink", {
252  spaceBetween: 10,
253  slidesPerView: 4,
254  freeMode: true,
255  watchSlidesProgress: true,
256  allowTouchMove: false,
257});
258var swiper2 = new Swiper("#offerItem", {
259  effect: "fade",
260  speed: 1000,
261  loop: true,
262  autoplay: {
263    delay: 5000,
264    disableOnInteraction: false,
265  },
266  spaceBetween: 10,
267  thumbs: {
268    swiper: swiper,
269  },
270  pagination: {
271    el: ".swiper-pagination",
272    clickable: true,
273  },
274});