" <script>
\xa (function ($) {\xd
$(document).ready(function () {
\xa /**\xd\xa * PRICING PLAN SWIPER FILTER
\xa * */
if ($('.hl-pricing__plan__wrapper').length > 0) {\xd\xa $('.hl-pricing__plan__wrapper').each(function () {\xd
// Initialize Swiper
\xa var hl_pricing_plan_swiper = new Swiper('.hl-main__pricing__plan', {\xd
slidesPerView: 1.2,
\xa spaceBetween:5,
\xa observer: true,\xd
observeParents: true,
\xa breakpoints: {\xd\xa 0: {
slidesPerView: 1.2,
\xa spaceBetween: \xd
},\xd
68: {
\xa slidesPerView: 2,
spaceBetween:0
\xa },
990: {\xd\xa slidesPerView: 3,
spaceBetween:
\xa },\xd\xa 14: {
\xa slidesPerView: 4,\xd
spaceBetween:
\xa }\xd
\xd
}\xd\xa });\xd
// Filter functionality
\xa $('.hl-filter__pricing__plan__button').click(function () {
let hl_pricing_plan_slider_id = $(this).attr('data-slider-id');\xd
let filter = $(this).attr('data-filter');
\xa $('.hl-filter__pricing__plan__button[data-slider-id="' + hl_pricing_plan_slider_id + '"]').removeClass('active');
$(this).addClass('active');\xd
\xd\xa $('.hl-box__pricing__plan__controller[data-slider-id="' + hl_pricing_plan_slider_id + '"]').each(function () {
let category = $(this).attr('data-category');\xd\xa if (filter === '*' || category === filter) {
$(this).show();\xd
$(this).addClass('swiper-slide');\xd\xa } else {\xd
$(this).hide();\xd\xa $(this).removeClass('swiper-slide');\xd\xa }\xd\xa });
hl_pricing_plan_swiper = new Swiper('.hl-main__pricing__plan[data-slider-id="' + hl_pricing_plan_slider_id + '"]', {\xd
slidesPerView: 1.2,\xd\xa spaceBetween: ,\xd\xa observer: true,\xd
observeParents: true,\xd\xa breakpoints: {\xd
0: {\xd\xa slidesPerView: 1.2,\xd
spaceBetween: 20\xd
},\xd\xa 768: {\xd
slidesPerView: 2,
\xa spaceBetween: 20\xd
},\xd\xa 990: {
slidesPerView: 3,\xd\xa spaceBetween:0\xd
},\xd
400: {
\xa slidesPerView: 4,\xd
spaceBetween:5\xd
}
\xa }\xd\xa });\xd
hl_pricing_plan_swiper.slideTo(0);\xd
});\xd
});
\xa }\xd
})
\xa })(jQuery)
</script>\xd
"
© 2023 Quttera Ltd. All rights reserved.