app-ecommerce-details.js 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. // File Name: app-ecommerce-details.js
  2. // Description: App Ecommerce Details js.
  3. // ----------------------------------------------------------------------------------------------
  4. // Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
  5. // Author: PIXINVENT
  6. // Author URL: http://www.themeforest.net/user/pixinvent
  7. // ================================================================================================
  8. $(document).ready(function () {
  9. var mySwiper14 = new Swiper('.swiper-responsive-breakpoints', {
  10. slidesPerView: 5,
  11. spaceBetween: 55,
  12. // init: false,
  13. navigation: {
  14. nextEl: '.swiper-button-next',
  15. prevEl: '.swiper-button-prev',
  16. },
  17. breakpoints: {
  18. 1600: {
  19. slidesPerView: 4,
  20. spaceBetween: 55,
  21. },
  22. 1300: {
  23. slidesPerView: 3,
  24. spaceBetween: 55,
  25. },
  26. 900: {
  27. slidesPerView: 2,
  28. spaceBetween: 55,
  29. },
  30. 768: {
  31. slidesPerView: 1,
  32. spaceBetween: 55,
  33. }
  34. }
  35. });
  36. // product color options
  37. $(".product-color-options li").on("click", function () {
  38. $this = $(this);
  39. $this.addClass('selected').siblings().removeClass('selected');
  40. })
  41. })