MAINHACK

Viewing / Editing File: app.js

(function ($) {
    "use strict";

let base_url = $('#base_url').val();

// hide perloader
    window.onload = function () {
        $('.preloader').fadeOut(500, function(){ $('.preloader').remove(); } );
    }

// Mobile menu
    $('#mob_menubar').on('click', function () {
        $('#mob_menu').toggleClass('active')
    })

// product filter in mobile
    $('#mobile_filter_btn').on('click', function () {
        $('.filter_box').toggleClass('active')
    })

$('.close_filter').on('click', function () {
        $('.filter_box').removeClass('active')
    })

// search for mobile
    $('#src_icon').on('click', function () {
        $('.mobile_search_bar').addClass('active')
    })

$('#close_mbsearch').on('click', function () {
        $('.mobile_search_bar').removeClass('active')
    })

// payment method switch
    $('.single_payment_method').on('click', function () {
        let getCls = $(this).attr('data-target')
        $('.single_payment_method, .payment_methods').removeClass('active')
        $(getCls).addClass('active')
        $(this).addClass('active')
    })

// nice selector
    $('.nice_select').niceSelect();

// banner slider
    $('.banner_slider').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: true,
        dots: true,
        prevArrow: '<button type="button" class="slick-prev"><i class="las la-angle-left"></i></button>',
        nextArrow: '<button type="button" class="slick-next"><i class="las la-angle-right"></i></button>',
        responsive: [{
            breakpoint: 1300,
            settings: {
                arrows: false,
            }
        }]
    });

// Hero slider
    $('.hero_slider_active').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        dots: true
    });

// single product view slider
    // $('.product_view_slider').slick({
    //     slidesToShow: 1,
    //     slidesToScroll: 1,
    //     arrows: false,
    //     fade: true,
    //     asNavFor: '.product_viewslid_nav',
    //     infinite: false
    // });

// single product view slider nav
    // $('.product_viewslid_nav').slick({
    //     slidesToShow: 5,
    //     slidesToScroll: 1,
    //     prevArrow: '<button type="button" class="slick-prev"><i class="las la-angle-left"></i></button>',
    //     nextArrow: '<button type="button" class="slick-next"><i class="las la-angle-right"></i></button>',
    //     asNavFor: '.product_view_slider',
    //     focusOnSelect: true,
    //     centerMode: false,
    //     centerPadding: '0px',
    //     infinite: false,
    //     responsive: [{
    //         breakpoint: 576,
    //         settings: {
    //             slidesToShow: 3,
    //         }
    //     }]
    // });

// product slider
    $('.product_slider_2').slick({
        dots: false,
        arrows: true,
        infinite: true,
        prevArrow: '<button type="button" class="slick-prev"><i class="las la-angle-left"></i></button>',
        nextArrow: '<button type="button" class="slick-next"><i class="las la-angle-right"></i></button>',
        speed: 300,
        slidesToShow: 4,
        slidesToScroll: 1,
        responsive: [
            {
                breakpoint: 1366,
                settings: {
                    arrows: false,
                }
            },{
                breakpoint: 1200,
                settings: {
                    slidesToShow: 3,
                    arrows: false,
                }
            },
            {
                breakpoint: 992,
                settings: {
                    slidesToShow: 2,
                    arrows: false,
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                    arrows: false,
                }
            }
        ]
    });

$('.top_category_slider').slick({
        dots: false,
        arrows: true,
        infinite: true,
        prevArrow: '<button type="button" class="slick-prev"><i class="las la-angle-left"></i></button>',
        nextArrow: '<button type="button" class="slick-next"><i class="las la-angle-right"></i></button>',
        speed: 300,
        slidesToShow: 6,
        slidesToScroll: 1,
        responsive: [
            {
                breakpoint: 1366,
                settings: {
                    arrows: false,
                }
            },{
                breakpoint: 1200,
                settings: {
                    slidesToShow: 3,
                    arrows: false,
                }
            },
            {
                breakpoint: 992,
                settings: {
                    slidesToShow: 2,
                    arrows: false,
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                    arrows: false,
                }
            }
        ]
    });
    $('.flash_sale').slick({
        dots: false,
        arrows: true,
        infinite: true,
        prevArrow: '<button type="button" class="slick-prev"><i class="las la-angle-left"></i></button>',
        nextArrow: '<button type="button" class="slick-next"><i class="las la-angle-right"></i></button>',
        speed: 300,
        slidesToShow: 4,
        slidesToScroll: 1,
        responsive: [
            {
                breakpoint: 1366,
                settings: {
                    arrows: false,
                }
            },{
                breakpoint: 1200,
                settings: {
                    slidesToShow: 3,
                    arrows: false,
                }
            },
            {
                breakpoint: 992,
                settings: {
                    slidesToShow: 2,
                    arrows: false,
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                    arrows: false,
                }
            }
        ]
    });

// team slider
    $('.team_slider').slick({
        dots: false,
        arrows: false,
        infinite: true,
        speed: 300,
        slidesToShow: 4,
        slidesToScroll: 1,
        responsive: [
            {
                breakpoint: 1366,
                settings: {
                    arrows: false,
                }
            },{
                breakpoint: 1200,
                settings: {
                    slidesToShow: 3,
                    arrows: false,
                }
            },
            {
                breakpoint: 992,
                settings: {
                    slidesToShow: 2,
                    arrows: false,
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                    arrows: false,
                }
            }
        ]
    });

// brand slider
    $('.brand_slider').slick({
        dots: false,
        arrows: false,
        infinite: true,
        speed: 300,
        slidesToShow: 6,
        slidesToScroll: 1,
        responsive: [
            {
                breakpoint: 1366,
                settings: {
                    arrows: false,
                }
            },{
                breakpoint: 1200,
                settings: {
                    slidesToShow: 5,
                    arrows: false,
                }
            },
            {
                breakpoint: 992,
                settings: {
                    slidesToShow: 4,
                    arrows: false,
                }
            },
            {
                breakpoint: 768,
                settings: {
                    slidesToShow: 3,
                    arrows: false,
                }
            },
            {
                breakpoint: 576,
                settings: {
                    slidesToShow: 2,
                    arrows: false,
                }
            }
        ]
    });

// switch product bottom section
    $('.pbt_single_btn').on('click', function () {
        let getCls = $(this).attr('data-target')
        $('.pb_tab_content, .pbt_single_btn').removeClass('active')
        $(getCls).addClass('active')
        $(this).addClass('active')
    })

// Price Range slider
    $(function () {
        $("#slider-range").slider({
            range: true,
            min: 1,
            max: 1000000,
            values: [1, 100000],
            slide: function (event, ui) {
                $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
            }
        });
        $("#amount").val("$" + $("#slider-range").slider("values", 0) +
            " - $" + $("#slider-range").slider("values", 1));
    });

// Mobile categories
    $('.singlecats.withsub span').click(function () {
        if ($(this).closest('.singlecats').hasClass('active')) {
            $(this).closest('.singlecats').removeClass('active')
            $('.mega_menu_wrap').removeClass('active')
        } else {
            $('.singlecats').removeClass('active')
            $(this).closest('.singlecats').addClass('active')
        }
    })

$('.mega_menu_wrap h4').click(function () {
        if ($(this).closest('.mega_menu_wrap').hasClass('active')) {
            $(this).closest('.mega_menu_wrap').removeClass('active')
        } else {
            $('.mega_menu_wrap').removeClass('active')
            $(this).closest('.mega_menu_wrap').addClass('active')
        }
    })

$('.all_category .bars, .open_category').click(function () {
        $('#mobile_catwrap').addClass('active')
    })
        
    $('#catclose').click(function () {
        $('#mobile_catwrap').removeClass('active')
    })

// Menu
    $('.open_menu').click(function () {
        $('#mobile_menwrap').addClass('active')
    })

$('#menuclose').click(function () {
        $('#mobile_menwrap').removeClass('active')
    })

// mobile cart
    $('#openCart').click(function () {
        $('#mobileCart').addClass('active')
    })

$('#mobileCartClose').click(function () {
        $('#mobileCart').removeClass('active')
    })

// outside click handle
    $(document).on('click', function(e){
        if(e.target.id==='mobile_menwrap'){
            $('#mobile_menwrap').removeClass('active')
        }
        if(e.target.id==='mobile_catwrap'){
            $('#mobile_catwrap').removeClass('active')
            $('.singlecats').removeClass('active')
            $('.mega_menu_wrap').removeClass('active')
        }
        // if(e.target.classList.contains('product_quickview')){
        //     $('.product_quickview').removeClass('active');
        //     $('body').css('overflow-y', 'auto')
        // }
        if(e.target.classList.contains('popup_wrap_promotional_product')){
            $('.popup_wrap_promotional_product').removeClass('active');
            $('body').css('overflow-y', 'auto')
        }
        // if(e.target.classList.contains('popup_wrap_outlet')){
        //     $('.popup_wrap_outlet').removeClass('active');
        //     $('body').css('overflow-y', 'auto')
        // }
        if(e.target.id==='mobileCart'){
            $('#mobileCart').removeClass('active');
        }

$('.acprof_wrap').removeClass('active')
    })

// my account sidebar
    $('.profile_hambarg').on('click', function(e){
        e.stopPropagation();
        $('.acprof_wrap').toggleClass('active')
    })

$('.acprof_wrap').on('click', function(e){
        e.stopPropagation();
    })

$('.close_quickview').on('click', function(){
        $('#product_quickview').removeClass('active');
        $('body').css('overflow-y', 'auto')
    });
    $('.close_quickview').on('click', function(){
        $('#payment_method_modal').removeClass('active');
        $('body').css('overflow-y', 'auto')
    });

// mobile submenu
    $('.mobile_menu_2 .withsub').on('click', function(){
        if($(this).hasClass('active')){
            $('.mobile_menu_2 .withsub').removeClass('active')
        }else{
            $('.mobile_menu_2 .withsub').removeClass('active')
            $(this).addClass('active')
        }
    })

// popup show
    setTimeout(function(){
        $('.popup_wrap_promotional_product').addClass('active')
    }, 2000)
    
    $('.close_popup').on('click', function(){
        $('.popup_wrap_promotional_product').removeClass('active')
    })

// timer
    //count down
    // function startTimer(duration) {
    //     var timer = duration, minutes, seconds;
    //     setInterval(function () {
    //         minutes = parseInt(timer / 60, 10)
    //         seconds = parseInt(timer % 60, 10);
    //         minutes = minutes < 10 ? "0" + minutes : minutes;
    //         seconds = seconds < 10 ? "0" + seconds : seconds;
    //         $('#count_minute').text(minutes)
    //         $('#count_second').text(seconds)
    //         if (--timer < 0) {
    //             timer = duration;
    //         }
    //     }, 1000);
    // }
    // startTimer(2000)

// function startTimer(targetDateTime) {
    //     alert(targetDateTime)
    //     var targetTime = new Date(targetDateTime).getTime();
    //     if (isNaN(targetTime)) {
    //         console.error("Invalid date format. Use 'YYYY-MM-DD HH:MM:SS'");
    //         return;
    //     }
    //     var countdown = setInterval(function () {
    //         var currentTime = new Date().getTime();
    //         var remainingTime = Math.floor((targetTime - currentTime) / 1000);
    //         if (remainingTime <= 0) {
    //             clearInterval(countdown);
    //             $('#count_minute').text("00");
    //             $('#count_second').text("00");
    //             return;
    //         }
    //         var minutes = Math.floor(remainingTime / 60);
    //         var seconds = remainingTime % 60;
    //         minutes = minutes < 10 ? "0" + minutes : minutes;
    //         seconds = seconds < 10 ? "0" + seconds : seconds;
    //         $('#count_minute').text(minutes);
    //         $('#count_second').text(seconds);
    //     }, 1000);
    // }
    // startTimer("2025-03-11 18:58:37");

let flashSaleTimer; // Global variable to store timer reference
    function startTimer(targetDateTime) {
        if (flashSaleTimer) {
            clearInterval(flashSaleTimer);
        }
        var targetTime = new Date(targetDateTime.replace(" ", "T") + "Z").getTime();
        if (isNaN(targetTime)) {
            console.error("Invalid date format. Use 'YYYY-MM-DD HH:MM:SS'");
            return;
        }
        flashSaleTimer = setInterval(function () {
            var currentTime = new Date().getTime();
            var remainingTime = Math.floor((targetTime - currentTime) / 1000);
            if (remainingTime <= 0) {
                clearInterval(flashSaleTimer);
                $('#count_day').text("00");
                $('#count_hour').text("00");
                $('#count_minute').text("00");
                $('#count_second').text("00");
                return;
            }
            var days = Math.floor(remainingTime / (60 * 60 * 24));
            var hours = Math.floor((remainingTime % (60 * 60 * 24)) / (60 * 60));
            var minutes = Math.floor((remainingTime % (60 * 60)) / 60);
            var seconds = remainingTime % 60;
            $('#count_day').text(days.toString().padStart(2, "0"));
            $('#count_hour').text(hours.toString().padStart(2, "0"));
            $('#count_minute').text(minutes.toString().padStart(2, "0"));
            $('#count_second').text(seconds.toString().padStart(2, "0"));
        }, 1000);
    }
    function getFlashSaleDate(){
        $.ajax({
            type: "GET",
            url: base_url+"ECommerce_frontend/getFlashSaleDate",
            success: function (response) {
                if(response.status == 'success' && response.data && response.data.end_date){
                    startTimer(response.data.end_date);
                } else {
                    console.error("Invalid response format");
                }
            },
            error: function(xhr, status, error) {
                console.error("Error fetching flash sale date:", error);
                // Reset timer display
                $('#count_day, #count_hour, #count_minute, #count_second').text("00");
            }
        });
    }
    // Initialize flash sale timer
    getFlashSaleDate();

// activate bootstrap tooltip
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
    return new bootstrap.Tooltip(tooltipTriggerEl)
    })
})(jQuery);

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: app.js

Server Info

System Features

User Info