https://www.topsforshoes.com/js/core.js

1$("#product").owlCarousel({
2        loop:true,
3        margin:30,
4        rewind:true,
5        responsiveClass:true,
6        dots:false,
7        autoplay:false,
8        animateOut: 'fadeOut',
9        smartSpeed:500,
10        nav:true,
11        navText: [
12          '<i class="fas fa-angle-left" aria-hidden="true"></i>',
13          '<i class="fas fa-angle-right" aria-hidden="true"></i>'
14      ],
15        responsive:{
16          0:{
17            items:1,
18            nav:true,
19            loop:false
20          },
21          480:{
22            items:2,
23            nav:true,
24            loop:false
25          },
26          768:{
27            items:4,
28            nav:true,
29            loop:false
30          },
31          992:{
32            items:5,
33            nav:true,
34            loop:false,
35          }					  
36        }			 
37    });		
38    $("#product1").owlCarousel({
39      loop:true,
40      margin:30,
41      rewind:true,
42      responsiveClass:true,
43      dots:false,
44      autoplay:false,
45      animateOut: 'fadeOut',
46      smartSpeed:500,
47      nav:true,
48      navText: [
49        '<i class="fas fa-angle-left" aria-hidden="true"></i>',
50        '<i class="fas fa-angle-right" aria-hidden="true"></i>'
51    ],
52      responsive:{
53        0:{
54          items:1,
55          nav:true,
56          loop:false
57        },
58        480:{
59          items:2,
60          nav:true,
61          loop:false
62        },
63        768:{
64          items:4,
65          nav:true,
66          loop:false
67        },
68        992:{
69          items:5,
70          nav:true,
71          loop:false,
72        }					  
73      }			 
74  });		
75		$('#sideNavbar a.close').click(function() {
76			$('#sideNavbar').removeClass('show');
77
78      });
79      $("#sideNav a.viewall").on("click",function (){ 
80        var checker=$(this).parent().parent().find(".overflow").css('height'); 
81        /*var checker=$(this).parent().find("div").css('display');*/
82        if (checker=="170px") { 
83          $(this).parent().parent().find(".overflow").css('height','auto');
84          $(this).html('View Less');
85        } else  {
86          $(this).parent().parent().find(".overflow").css('height','170px');
87          $(this).html('View More');
88        }
89      }); 
90      if ($(window).width() < 768)
91  	  {
92        $("#filterby").click(function() {
93        var checker=$(this).parent().parent().find(".accordion-item").css('display'); 
94        if (checker=="none") 
95          { 
96            $(this).parent().parent().find(".accordion-item").css('display','inline-block');
97          }             
98        else  
99          {
100          $(this).parent().parent().find(".accordion-item").css('display','none');
101          }
102        });
103	    }
104      
105     
106      // if($(window).width() > 767)
107      // {
108      //   $(window).scroll(function() {
109      //     if ($(document).scrollTop() > 221) {
110      //       $("#sideNav").css("position", "fixed");
111      //       $("#sideNav").css("top", "0");
112      //       $("#sideNav").css("width", "100%");
113      //       $("#sideNav").css("overflow-y", "scroll");
114      //     }
115      //     else {
116      //       $("#sideNav").css("position", "relative");
117      //       $("#sideNav").css("top", "auto");
118      //       $("#sideNav").css("overflow-y", "auto");
119      //     }
120      // });
121      // }
122
123      
124  $(document).ready(function(){
125    if ($(window).width() < 576) {
126      jQuery("#swap").detach().appendTo('.procontainer')
127
128      
129   }
130   else {
131      
132   }
133  })
134 
135      
136
137      $("#owl-prod-featured").owlCarousel({
138
139       loop:true,
140       margin:15,
141       rewind:true,
142       responsiveClass:true,
143       dots:false,
144       autoplay:false,
145       animateOut: 'fadeOut',
146       smartSpeed:500,
147       navText: [
148        '<i class="fas fa-angle-left" aria-hidden="true"></i>',
149        '<i class="fas fa-angle-right" aria-hidden="true"></i>'
150      ],
151       responsive:{
152         0:{
153           items:2,
154           nav:true,
155           loop:false
156         },
157         480:{
158           items:2,
159           nav:true,
160           loop:false
161         },
162         768:{
163           items:3,
164           nav:true,
165           loop:false
166         },
167         992:{
168           items:4,
169           nav:true,
170           loop:false,
171
172         }					  
173       }			 
174     });	
175
176
177   
178
179
180
181
182     $("#brand").owlCarousel({
183
184      loop:true,
185      margin:30,
186      rewind:true,
187      responsiveClass:true,
188      dots:false,
189      autoplay:false,
190      animateOut: 'fadeOut',
191      smartSpeed:500,
192      nav:true,
193          navText: [
194        '<i class="fas fa-angle-left" aria-hidden="true"></i>',
195        '<i class="fas fa-angle-right" aria-hidden="true"></i>'
196    ],
197          responsive:{
198            0:{
199              items:1,
200              nav:true,
201              loop:false
202            },
203            480:{
204              items:2,
205              nav:true,
206              loop:false
207            },
208            530:{
209              items:3,
210              nav:true,
211              loop:false
212            },
213            768:{
214              items:4,
215              nav:true,
216              loop:false
217            },
218            992:{
219              items:5,
220              nav:true,
221              loop:false,
222    
223            }					  
224          }			 
225      });
226  
227    //Phil: Home: Menu: For mobile: making menu toggle dynamic
228    function fntoggle(divID){
229      $("#"+divID).toggle();
230      }
231
232
233          // For Review tab focus
234         
235
236
237  $(document).ready(function(){
238    $('#year').html(new Date().getFullYear());
239  });
240  
241  
242  $(document).ready(function(){
243  if($(window).width() < 575)
244    {
245      document.getElementById("mobname").innerHTML = document.getElementById("name").innerHTML;
246    }
247  });
248
249  $(document).ready(function(){
250    if($(window).width() > 991)
251      {
252        $(window).scroll(function() {
253          if ($(document).scrollTop() > 200) {
254            $("header .navbar").css("position", "fixed");
255            $("header .navbar").css("top", "0");
256            $("header .navbar").css("width", "100%");
257            $("header .navbar").css("background-color", "#000");
258          }
259          else {
260            $("header .navbar").css("position", "relative");
261            $("header .navbar").css("top", "auto");
262            $("header .navbar").css("background-color", "unset");
263          }
264      });
265      }
266    });

267    //  $(document).ready(function(){
268    //   if($(window).width() < 991)
269    //     {
270    //       var miniimg1 = document.getElementById('mini-hoka');          
271    //       miniimg1.src = "/ccms/default/assets/Image/mobile-mini-banner-01-hoka-2023.jpg";        
272
273    //       var miniimg1 = document.getElementById('mini-birkenstock');          
274    //       miniimg1.src = "/ccms/default/assets/Image/mobile-mini-banner-02-naot-2023.jpg";        
275
276    //       var miniimg1 = document.getElementById('mini-martens');          
277    //       miniimg1.src = "/ccms/default/assets/Image/mobile-mini-banner-03-onrunning-2023.jpg";        
278
279    //       var miniimg1 = document.getElementById('mini-pikolinos');          
280    //       miniimg1.src = "/ccms/default/assets/Image/mobile-mini-banner-04-pikolinos-2023.jpg";
281
282    //       var welcomeimg = document.getElementById('welcome-img');          
283    //       welcomeimg.src = "../images/mobile-bg-welcome-2023.jpg";
284        
285    //     }
286    //   });
287
288      $("#owl-prod-altimages").owlCarousel({
289      loop:true,
290      margin:15,
291      rewind:true,
292      responsiveClass:true,
293      dots:true,
294      autoplay:false,
295      animateOut: 'fadeOut',
296      smartSpeed:500,
297      navText: [
298       '<i class="fas fa-angle-left" aria-hidden="true"></i>',
299       '<i class="fas fa-angle-right" aria-hidden="true"></i>'
300     ],
301      responsive:{
302        0:{
303          items:2,
304          nav:true,
305          loop:false
306        },
307        480:{
308          items:2,
309          nav:true,
310          loop:false
311        },
312        768:{
313          items:3,
314          nav:true,
315          loop:false
316        },
317        992:{
318          items:4,
319          nav:true,
320          loop:false,
321
322        }					  
323      }			 
324    });	
325
326/*
327    $(document).ready(function(){
328      if($(window).width() > 991)
329        {
330          var element = document.getElementById("accordone");
331          element.classList.add("collapse");
332          var element1 = document.getElementById("accordzero");
333          element1.classList.add("collapse");
334          var element2 = document.getElementById("accordtwo");
335          element2.classList.add("collapse");
336        }
337  });
338*/
339$(document).ready(function(){
340  function selectedProduct(id){				
341    const allBtns = $('.btn-default');
342    console.log(allBtns);
343    allBtns.click(function() {
344    $(this).addClass("active");
345    allBtns.not(this).removeClass("active");
346    });
347
348    $("#sku_siz").val(id);				
349  }
350});