$require(['swiper'], function () {
  var productscatetop = new swiper ('.productscatetop', {
      slidesperview :4,
      spacebetween : 20,
      watchslidesvisibility: true,
      centerinsufficientslides: true,
      navigation: {
        nextel: '.productscatearr .swiper-button-next',
        prevel: '.productscatearr .swiper-button-prev',
      },
      breakpoints: { 
        320: {
          slidesperview :3,
          spacebetween : 10,
        },
        768: {
          slidesperview :5,
          spacebetween : 20,
        },
        1280: {
          slidesperview :6,
          spacebetween : 20,
        }
      }
  })  

  var productscate = new swiper ('.productscate', {
      grabcursor : true,
      effect : 'fade',
      thumbs: {
          swiper: productscatetop,
      }
  })
})