ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / crypto.keyreum.com / platform / themes / wowy / assets / js

(function ($) {
    'use strict';

let isRTL = $('body').prop('dir') === 'rtl';

// Page loading
 $(window).on('load', function () {
 $('#preloader-active').delay(450).fadeOut('slow');
 $('body').delay(450).css({
 'overflow': 'visible'
 });
 });
 /*-----------------
 Menu Stick
 -----------------*/
 var header = $('.sticky-bar');
 var win = $(window);
 const $headerArea = $('header.header-area');
 win.on('scroll', function () {
 var scroll = win.scrollTop();
 if (scroll < 200) {
 header.removeClass('stick');
 if ($headerArea.find('.categori-dropdown-active-large').hasClass('default-open')) {
 $headerArea.find('.categori-dropdown-active-large').addClass('open');
 $headerArea.find('.categori-button-active').addClass('open');
 }
 } else {
 $headerArea.find('.categori-dropdown-active-large').removeClass('open');
 $headerArea.find('.categori-button-active').removeClass('open');
 header.addClass('stick');
 }
 });

/*------ ScrollUp -------- */
 $.scrollUp({
 scrollText: '',
 easingType: 'linear',
 scrollSpeed: 900,
 animation: 'fade'
 });

/*------ Wow Active ----*/
    new WOW().init();

//sidebar sticky
    if ($('.sticky-sidebar').length) {
        $('.sticky-sidebar').theiaStickySidebar();
    }

/**
 * Number.prototype.format_price(n, x)
 *
 * @param integer n: length of decimal
 * @param integer x: length of sections
 */
 Number.prototype.format_price = function(n, x) {
 let currencies = window.currencies || {};
 if (!n) {
 n = currencies.number_after_dot != undefined ? currencies.number_after_dot : 2;
 }
 let re = '\\d(?=(\\d{' + (x || 3) + '})+$)';
 let priceUnit = '';
 let price = this;
 if (currencies.show_symbol_or_title) {
 priceUnit = currencies.symbol || currencies.title;
 }
 if (currencies.display_big_money) {
 if (price >= 1000000 && price < 1000000000) {
 price = price / 1000000;
 priceUnit = currencies.million + (priceUnit ? ' ' + priceUnit : '');
 } else if (price >= 1000000000) {
 price = price / 1000000000;
 priceUnit = currencies.billion + (priceUnit ? ' ' + priceUnit : '');
 }
 }
 price = price.toFixed(Math.max(0, ~~n));
 price = price.toString().split('.');
 price = price[0].toString().replace(new RegExp(re, 'g'), '$&' + currencies.thousands_separator) + (price[1] ? currencies.decimal_separator + price[1] : '');
 if (currencies.show_symbol_or_title) {
 if (currencies.is_prefix_symbol) {
 price = priceUnit + price;
 } else {
 price = price + priceUnit;
 }
 }
 return price;
 };

// Slider Range JS
    if ($('.slider-range').length) {
        $('.slider-range').map(function (i, el) {
            const $this = $(el);
            const $parent = $this.closest('.range');
            const $min = $parent.find('input.min-range');
            const $max = $parent.find('input.max-range');
            $this.slider({
                range: true,
                min: $min.data('min') || 0,
                max: $max.data('max') || 500,
                values: [$min.val() || 0, $max.val() || 500],
                slide: function (event, ui) {
                    setInputRange($parent, ui.values[0], ui.values[1]);
                }
            });
            setInputRange($parent, $this.slider("values", 0), $this.slider("values", 1));
        });
    }

function setInputRange($parent, min, max) {
        let $filter = $parent.closest('.widget-filter-item');
        let minFormatted = min;
        let maxFormatted = max;
        if ($filter.length && $filter.data('type') == 'price') {
            minFormatted = minFormatted.format_price();
            maxFormatted = maxFormatted.format_price();
        }
        const $from = $parent.find('.from');
        const $to = $parent.find('.to');
        $parent.find('input.min-range').val(min);
        $parent.find('input.max-range').val(max);
        $from.text(minFormatted);
        $to.text(maxFormatted);
    }

/*------ Hero slider 1 ----*/
 $('.hero-slider-1').slick({
 slidesToShow: 1,
 slidesToScroll: 1,
 rtl: isRTL,
 fade: true,
 loop: true,
 dots: true,
 arrows: true,
 prevArrow: '',
 nextArrow: '',
 appendArrows: '.hero-slider-1-arrow',
 });

/*Carousel 6 columns*/
    $('.carousel-6-columns').each(function () {
        var id = $(this).attr('id');
        var sliderID = '#' + id;
        var appendArrowsClassName = '#' + id + '-arrows'

$(sliderID).slick({
 dots: false,
 infinite: true,
 rtl: isRTL,
 speed: 1000,
 arrows: true,
 autoplay: false,
 slidesToShow: 6,
 slidesToScroll: 1,
 loop: true,
 adaptiveHeight: true,
 responsive: [
 {
 breakpoint: 1024,
 settings: {
 slidesToShow: 4,
 slidesToScroll: 4,
 }
 },
 {
 breakpoint: 480,
 settings: {
 slidesToShow: 1,
 slidesToScroll: 1
 }
 }
 ],
 prevArrow: '',
 nextArrow: '',
 appendArrows: (appendArrowsClassName),
 });
 });

/* Carousel 4 columns */
    $('.carousel-4-columns').each(function () {
        var id = $(this).attr('id');
        var sliderID = '#' + id;
        var appendArrowsClassName = '#' + id + '-arrows'

$(sliderID).slick({
 dots: false,
 infinite: true,
 rtl: isRTL,
 speed: 1000,
 arrows: true,
 autoplay: false,
 slidesToShow: 4,
 slidesToScroll: 1,
 loop: true,
 adaptiveHeight: true,
 responsive: [
 {
 breakpoint: 1024,
 settings: {
 slidesToShow: 3,
 slidesToScroll: 3,
 }
 },
 {
 breakpoint: 480,
 settings: {
 slidesToShow: 1,
 slidesToScroll: 1
 }
 }
 ],
 prevArrow: '',
 nextArrow: '',
 appendArrows: (appendArrowsClassName),
 });
 });

/*Fix Bootstrap 5 tab & slick slider*/

$('button[data-bs-toggle="tab"]').on('shown.bs.tab', function () {
        $('.carousel-4-columns').slick('setPosition');
    });

/*------ Timer Countdown ----*/

let trans = key => {
        window.trans = window.trans || {};

return window.trans[key] !== 'undefined' && window.trans[key] ? window.trans[key] : key;
    }

$('[data-countdown]').each(function () {
        var $this = $(this), finalDate = $(this).data('countdown');
        $this.countdown(finalDate, function (event) {

$(this).html(
 event.strftime(''
 + '%d ' + trans('days') + ' '
 + '%H ' + trans('hours') + ' '
 + '%M ' + trans('mins') + ' '
 + '%S ' + trans('sec') + ' '
 )
 );
 });
 });

/*------ Product slider active 1 ----*/
 $('.product-slider-active-1').slick({
 slidesToShow: 5,
 slidesToScroll: 1,
 rtl: isRTL,
 fade: false,
 loop: true,
 dots: false,
 arrows: true,
 prevArrow: '',
 nextArrow: '',
 responsive: [
 {
 breakpoint: 1199,
 settings: {
 slidesToShow: 3,
 }
 },
 {
 breakpoint: 991,
 settings: {
 slidesToShow: 2,
 }
 },
 {
 breakpoint: 767,
 settings: {
 slidesToShow: 2,
 }
 },
 {
 breakpoint: 575,
 settings: {
 slidesToShow: 1,
 }
 }
 ]
 });

/*------ Testimonial active 1 ----*/
 $('.testimonial-active-1').slick({
 slidesToShow: 3,
 slidesToScroll: 1,
 rtl: isRTL,
 fade: false,
 loop: true,
 dots: false,
 arrows: true,
 prevArrow: '',
 nextArrow: '',
 responsive: [
 {
 breakpoint: 1199,
 settings: {
 slidesToShow: 3,
 }
 },
 {
 breakpoint: 991,
 settings: {
 slidesToShow: 2,
 }
 },
 {
 breakpoint: 767,
 settings: {
 slidesToShow: 1,
 }
 },
 {
 breakpoint: 575,
 settings: {
 slidesToShow: 1,
 }
 }
 ]
 });

/*------ Testimonial active 3 ----*/
    $('.testimonial-active-3').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        rtl: isRTL,
        fade: false,
        loop: true,
        dots: true,
        arrows: false,
        responsive: [
            {
                breakpoint: 1199,
                settings: {
                    slidesToShow: 3,
                }
            },
            {
                breakpoint: 991,
                settings: {
                    slidesToShow: 2,
                }
            },
            {
                breakpoint: 767,
                settings: {
                    slidesToShow: 1,
                }
            },
            {
                breakpoint: 575,
                settings: {
                    slidesToShow: 1,
                }
            }
        ]
    });

/*------ Categories slider 1 ----*/
    $('.categories-slider-1').slick({
        slidesToShow: 6,
        slidesToScroll: 1,
        rtl: isRTL,
        fade: false,
        loop: true,
        dots: false,
        arrows: false,
        responsive: [
            {
                breakpoint: 1199,
                settings: {
                    slidesToShow: 4,
                }
            },
            {
                breakpoint: 991,
                settings: {
                    slidesToShow: 3,
                }
            },
            {
                breakpoint: 767,
                settings: {
                    slidesToShow: 2,
                }
            },
            {
                breakpoint: 575,
                settings: {
                    slidesToShow: 1,
                }
            }
        ]
    });

/*----------------------------
        Category toggle function
    ------------------------------*/
    var searchToggle = $('.categori-button-active');
    searchToggle.on('click', function (e) {
        e.preventDefault();
        if ($headerArea.find('.categori-button-active').hasClass('cant-close') && !header.hasClass('stick')) {
            return false;
        } else {
            if ($(this).hasClass('open')) {
                $(this).removeClass('open');
                $(this).siblings('.categori-dropdown-active-large').removeClass('open');
                if (!$headerArea.find('.categori-button-active').hasClass('cant-close')) {
                    $(this).siblings('.categori-dropdown-active-large').removeClass('default-open');
                }
            } else {
                $(this).addClass('open');
                $(this).siblings('.categori-dropdown-active-large').addClass('open');
            }
        }
    })

/*-------------------------
        Testimonial active 2
    --------------------------*/
    var $status = $('.pagingInfo');
    var $slickElement = $('.testimonial-active-2');

$slickElement.on('init reInit afterChange', function (event, slick, currentSlide) {
        //currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
        var i = (currentSlide ? currentSlide : 0) + 1;
        $status.text('0' + i + ' ------ ' + '0' + slick.slideCount);
    });

$slickElement.slick({
 slidesToShow: 1,
 slidesToScroll: 1,
 rtl: isRTL,
 fade: false,
 loop: true,
 dots: false,
 arrows: true,
 prevArrow: '',
 nextArrow: '',
 });

/*---------------------
        Price range
    --------------------- */
    var sliderrange = $('#slider-range');
    var amountprice = $('#amount');
    if (sliderrange.length) {
        $(function () {
            sliderrange.slider({
                range: true,
                min: 16,
                max: 400,
                values: [0, 300],
                slide: function (event, ui) {
                    amountprice.val("$" + ui.values[0] + " - $" + ui.values[1]);
                }
            });
            amountprice.val("$" + sliderrange.slider("values", 0) +
                " - $" + sliderrange.slider("values", 1));
        });
    }

/*-------------------------------
        Sort by active
    -----------------------------------*/
    if ($('.sort-by-product-area').length) {
        var $body = $('body'),
            $cartWrap = $('.sort-by-product-area'),
            $cartContent = $cartWrap.find('.sort-by-dropdown');
        $body.on('click', '.sort-by-product-area .sort-by-product-wrap', function (e) {
            e.preventDefault();
            var $this = $(this);
            if (!$this.parent().hasClass('show')) {
                $this.siblings('.sort-by-dropdown').addClass('show').closest('.sort-by-product-area').addClass('show');
            } else {
                $this.siblings('.sort-by-dropdown').removeClass('show').closest('.sort-by-product-area').removeClass('show');
            }
        });
        /*Close When Click Outside*/
        $body.on('click', function (e) {
            var $target = e.target;
            if (!$($target).is('.sort-by-product-area') && !$($target).parents().is('.sort-by-product-area') && $cartWrap.hasClass('show')) {
                $cartWrap.removeClass('show');
                $cartContent.removeClass('show');
            }
        });
    }

/*-----------------------
        Shop filter active
    ------------------------- */
    var shopFiltericon = $('.shop-filter-toogle');
    shopFiltericon.on('click', function (e) {
        e.preventDefault();
        $('.shop-product-fillter-header').slideToggle();
        $('.shop-filter-toogle').toggleClass('active');
    });

function closeShopFilterSection () {
        if ($('.shop-filter-toogle').hasClass('active')) {
            $('.shop-product-fillter-header').slideToggle();
            $('.shop-filter-toogle').removeClass('active');
        }
    }

window.closeShopFilterSection = closeShopFilterSection;

/*-------------------------------------
        Product details big image slider
    ---------------------------------------*/
    $('.pro-dec-big-img-slider').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        rtl: isRTL,
        arrows: false,
        draggable: false,
        fade: false,
        asNavFor: '.product-dec-slider-small , .product-dec-slider-small-2',
    });

/*---------------------------------------
        Product details small image slider
    -----------------------------------------*/
    $('.product-dec-slider-small').slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        rtl: isRTL,
        asNavFor: '.pro-dec-big-img-slider',
        dots: false,
        focusOnSelect: true,
        fade: false,
        arrows: false,
        responsive: [{
            breakpoint: 991,
            settings: {
                slidesToShow: 3,
            }
        },
            {
                breakpoint: 767,
                settings: {
                    slidesToShow: 4,
                }
            },
            {
                breakpoint: 575,
                settings: {
                    slidesToShow: 2,
                }
            }
        ]
    });

/*-----------------------
        Magnific Popup
    ------------------------*/
    if ($('.img-popup').length) {
        $('.img-popup').magnificPopup({
            type: 'image',
            gallery: {
                enabled: true
            }
        });
    }

/*----------------------------
 Cart Plus Minus Button
 ------------------------------ */
 $(".product-quality").append('<div class="dec qtybutton">-</div><div class="inc qtybutton">+</div>');
 $(".qtybutton").on("click", function () {
 var $button = $(this),
 oldValue = $button.parent().find("input").val(),
 maxValue = $('.cart-plus-minus-box').data('limit'),
 newVal;
 if ($button.text() == "+") {
 if (maxValue >= parseFloat(oldValue) + 1) {
 newVal = parseFloat(oldValue) + 1;
 } else {
 newVal = 6
 }
 } else {
 // Don't allow decrementing below zero
 if (oldValue > 1) {
 newVal = parseFloat(oldValue) - 1;
 } else {
 newVal = 1;
 }
 }
 $button.parent().find("input").val(newVal);
 });

/*---------------------
        Select active
    --------------------- */

$('.select-active').select2();

/*--- Checkout toggle function ----*/
    $('.checkout-click1').on('click', function (e) {
        e.preventDefault();
        $('.checkout-login-info').slideToggle(900);
    });

/*--- Checkout toggle function ----*/
    $('.checkout-click3').on('click', function (e) {
        e.preventDefault();
        $('.checkout-login-info3').slideToggle(1000);
    });

/*-------------------------
        Create an account toggle
    --------------------------*/
    $('.checkout-toggle2').on('click', function () {
        $('.open-toggle2').slideToggle(1000);
    });

$('.checkout-toggle').on('click', function () {
        $('.open-toggle').slideToggle(1000);
    });

/*-------------------------------------
        Checkout one click toggle function
    ---------------------------------------*/
    var checked = $('.sin-payment input:checked')
    if (checked) {
        $(checked).siblings('.payment-box').slideDown(900);
    }
    ;
    $('.sin-payment input').on('change', function () {
        $('.payment-box').slideUp(900);
        $(this).siblings('.payment-box').slideToggle(900);
    });

/*-------------------------------------
        Checkout paymentMethod function
    ---------------------------------------*/
    paymentMethodChanged();

function paymentMethodChanged() {
        var $order_review = $('.payment-method');

$order_review.on('click', 'input[name="payment_method"]', function () {
            var selectedClass = 'payment-selected';
            var parent = $(this).parents('.sin-payment').first();
            parent.addClass(selectedClass).siblings().removeClass(selectedClass);
        });
    }

// Isotope active
    if ($('.grid').length) {
        $('.grid').imagesLoaded(function () {
            // init Isotope
            var $grid = $('.grid').isotope({
                itemSelector: '.grid-item',
                percentPosition: true,
                layoutMode: 'masonry',
                masonry: {
                    // use outer width of grid-sizer for columnWidth
                    columnWidth: '.grid-item',
                }
            });
        });
    }

/*====== SidebarSearch ======*/
    function sidebarSearch() {
        var searchTrigger = $('.search-active'),
            endTriggersearch = $('.search-close'),
            container = $('.main-search-active');

searchTrigger.on('click', function (e) {
            e.preventDefault();
            container.addClass('search-visible');
        });

endTriggersearch.on('click', function () {
            container.removeClass('search-visible');
        });

};
    sidebarSearch();

/*====== Sidebar menu Active ======*/
    function mobileHeaderActive() {
        var navbarTrigger = $('.burger-icon'),
            endTrigger = $('.mobile-menu-close'),
            container = $('.mobile-header-active'),
            wrapper4 = $('body');

wrapper4.prepend('<div class="body-overlay-1"></div>');

navbarTrigger.on('click', function (e) {
            e.preventDefault();
            container.addClass('sidebar-visible');
            wrapper4.addClass('mobile-menu-active');
        });

endTrigger.on('click', function () {
            container.removeClass('sidebar-visible');
            wrapper4.removeClass('mobile-menu-active');
        });

$('.body-overlay-1').on('click', function () {
            container.removeClass('sidebar-visible');
            wrapper4.removeClass('mobile-menu-active');
        });
    };
    mobileHeaderActive();

/*---------------------
         Mobile menu active
     ------------------------ */
    var $offCanvasNav = $('.mobile-menu'),
        $offCanvasNavSubMenu = $offCanvasNav.find('.dropdown');

/*Add Toggle Button With Off Canvas Sub Menu*/
 $offCanvasNavSubMenu.parent().prepend('');

/*Close Off Canvas Sub Menu*/
    $offCanvasNavSubMenu.slideUp();

/*Category Sub Menu Toggle*/
    $offCanvasNav.on('click', 'li a, li .menu-expand', function (e) {
        var $this = $(this);
        if (($this.parent().attr('class').match(/\b(menu-item-has-children|has-children|has-sub-menu)\b/)) && ($this.attr('href') === '#' || $this.hasClass('menu-expand'))) {
            e.preventDefault();
            if ($this.siblings('ul:visible').length) {
                $this.parent('li').removeClass('active');
                $this.siblings('ul').slideUp();
            } else {
                $this.parent('li').addClass('active');
                $this.closest('li').siblings('li').removeClass('active').find('li').removeClass('active');
                $this.closest('li').siblings('li').find('ul:visible').slideUp();
                $this.siblings('ul').slideDown();
            }
        }
    });

/*--- language currency active ----*/
    $('.mobile-language-active').on('click', function (e) {
        e.preventDefault();
        $('.lang-dropdown-active').slideToggle(900);
    });

/*--- Categori-button-active-2 ----*/
    $('.categori-button-active-2').on('click', function (e) {
        e.preventDefault();
        $('.categori-dropdown-active-small').slideToggle(900);
    });

/*--- Mobile demo active ----*/
    var demo = $('.tm-demo-options-wrapper');
    $('.view-demo-btn-active').on('click', function (e) {
        e.preventDefault();
        demo.toggleClass('demo-open');
    });

/*-----More Menu Open----*/
    $('.more_slide_open').slideUp();
    $('.more_categories').on('click', function () {
        $(this).toggleClass('show');
        $('.more_slide_open').slideToggle();
    });

/*--- VSticker ----*/
    $('#news-flash').vTicker({
        speed: 500,
        pause: 3000,
        animation: 'fade',
        mousePause: false,
        showItems: 1
    });

var productDetails = function () {
        $('.product-image-slider').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            rtl: isRTL,
            arrows: false,
            fade: false,
            asNavFor: '.slider-nav-thumbnails',
        });

$('.slider-nav-thumbnails').slick({
 slidesToShow: 5,
 slidesToScroll: 1,
 rtl: isRTL,
 asNavFor: '.product-image-slider',
 dots: false,
 focusOnSelect: true,
 prevArrow: '<button type="button" class="slick-prev"></button>',
 nextArrow: '<button type="button" class="slick-next"></button>'
 });

// Remove active class from all thumbnail slides
        $('.slider-nav-thumbnails .slick-slide').removeClass('slick-active');

// Set active class to first thumbnail slides
        $('.slider-nav-thumbnails .slick-slide').eq(0).addClass('slick-active');

// On before slide change match active thumbnail to current slide
        $('.product-image-slider').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
            var mySlideNumber = nextSlide;
            $('.slider-nav-thumbnails .slick-slide').removeClass('slick-active');
            $('.slider-nav-thumbnails .slick-slide').eq(mySlideNumber).addClass('slick-active');
        });

$('.product-image-slider').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
            var img = $(slick.$slides[nextSlide]).find("img");
            $('.zoomWindowContainer,.zoomContainer').remove();
            $(img).elevateZoom({
                zoomType: "inner",
                cursor: "crosshair",
                zoomWindowFadeIn: 500,
                zoomWindowFadeOut: 750
            });
        });
        //Elevate Zoom
        if ( $(".product-image-slider").length ) {
            $('.product-image-slider .slick-active img').elevateZoom({
                zoomType: "inner",
                cursor: "crosshair",
                zoomWindowFadeIn: 500,
                zoomWindowFadeOut: 750
            });
        }
        //Filter color/Size
        $('.list-filter').each(function () {
            $(this).find('a').on('click', function (event) {
                event.preventDefault();
                $(this).parent().siblings().removeClass('active');
                $(this).parent().toggleClass('active');
                $(this).parents('.attr-detail').find('.current-size').text($(this).text());
                $(this).parents('.attr-detail').find('.current-color').text($(this).attr('data-color'));
            });
        });

$(document).on('click', '.dropdown-menu .cart_list', function(e) {
            e.stopPropagation();
        });
    };
    /* WOW active */
    new WOW().init();

//Load functions
    $(document).ready(function () {
        productDetails();
    });

})(jQuery);

[-] backend.js [edit]
[+] ..
[+] components
[-] components.js [edit]
[-] icons-field.js [edit]
[-] main.js [edit]