| 1 |
(function ($, elementor) { |
| 2 |
("use strict"); |
| 3 |
var SubCategory = function ($scope, $) { |
| 4 |
var $SubCategory = $scope.find(".usk-sub-category"); |
| 5 |
if (!$SubCategory.length) { |
| 6 |
return; |
| 7 |
} |
| 8 |
var items = $SubCategory.find(".usk-item"); |
| 9 |
|
| 10 |
$(items).each(function (index) { |
| 11 |
var element = $(this).find(".usk-image-slider"); |
| 12 |
const Swiper = elementorFrontend.utils.swiper; |
| 13 |
var $settings = $(this).data('settings'); |
| 14 |
|
| 15 |
if ($settings.effect === 'creative') { |
| 16 |
if ($settings.creativeEffect === 'creative-1') { |
| 17 |
$settings.creativeEffect = { |
| 18 |
next: { shadow: true, translate: ["100%", 0, 0] }, |
| 19 |
prev: { shadow: true, translate: ["0%", "0%", -400] }, |
| 20 |
limitProgress: 5, |
| 21 |
} |
| 22 |
} else if ($settings.creativeEffect === 'creative-2') { |
| 23 |
$settings.creativeEffect = { |
| 24 |
next: { shadow: true, translate: ["120%", 0, -500] }, |
| 25 |
prev: { shadow: true, translate: ["-120%", 0, -500] }, |
| 26 |
limitProgress: 5, |
| 27 |
} |
| 28 |
} else if ($settings.creativeEffect === 'creative-3') { |
| 29 |
$settings.creativeEffect = { |
| 30 |
next: { shadow: true, translate: ["100%", 0, 0] }, |
| 31 |
prev: { shadow: true, translate: ["-20%", 0, -1] }, |
| 32 |
limitProgress: 5, |
| 33 |
} |
| 34 |
} else if ($settings.creativeEffect === 'creative-4') { |
| 35 |
$settings.creativeEffect = { |
| 36 |
next: { |
| 37 |
rotate: [0, 0, 90], |
| 38 |
shadow: true, |
| 39 |
translate: ["120%", "0%", -800], |
| 40 |
}, |
| 41 |
prev: { |
| 42 |
rotate: [0, 0, -90], |
| 43 |
shadow: true, |
| 44 |
translate: ["-120%", "0%", -800], |
| 45 |
}, |
| 46 |
limitProgress: 5, |
| 47 |
} |
| 48 |
} else if ($settings.creativeEffect === 'creative-5') { |
| 49 |
$settings.creativeEffect = { |
| 50 |
next: { |
| 51 |
rotate: [0, 100, 0], |
| 52 |
shadow: true, |
| 53 |
translate: ["70%", "0%", -400], |
| 54 |
}, |
| 55 |
prev: { |
| 56 |
rotate: [0, -100, 0], |
| 57 |
shadow: true, |
| 58 |
translate: ["-70%", "0%", -400], |
| 59 |
}, |
| 60 |
limitProgress: 5, |
| 61 |
} |
| 62 |
} |
| 63 |
} |
| 64 |
|
| 65 |
initSwiper(); |
| 66 |
async function initSwiper() { |
| 67 |
await new Swiper(element, $settings); |
| 68 |
} |
| 69 |
}); |
| 70 |
|
| 71 |
}; |
| 72 |
jQuery(window).on("elementor/frontend/init", function () { |
| 73 |
elementorFrontend.hooks.addAction( |
| 74 |
"frontend/element_ready/usk-sub-category.default", |
| 75 |
SubCategory |
| 76 |
); |
| 77 |
}); |
| 78 |
})(jQuery, window.elementorFrontend); |
| 79 |
|
