//======================================== // HEADER SCROLL FIXED //======================================== $(window).on("scroll", function(){ var scrolling = $(this).scrollTop(); // console.log(scrolling) if (scrolling > 50){//원본 크기 : 130 $(".header-top").addClass("active"); $(".header-part").addClass("active"); }else{ $(".header-top").removeClass("active"); $(".header-part").removeClass("active"); } }); //======================================== // BACK TO TOP BUTTON //======================================== $(window).on("scroll", function(){ var scroll = $(this).scrollTop(); if(scroll > 700){ $(".backtop").show(); }else{ $(".backtop").hide(); } }); //======================================== // DROPDOWN MENU FUNCTION //======================================== $(function () { if ( $.cookie("scroll") !== null && $.cookie("save-scroll") === '1' ) { $(document).scrollTop( $.cookie("scroll") ); } $(window).on("scroll", function() { $.cookie("save-scroll", '0' ); }); $(document).on('click', '.save-prev-scroll-submits', function() { $.cookie("scroll", $(document).scrollTop() ); $.cookie("save-scroll", '1' ); }); $(".dropdown-link").click(function() { $(this).next().toggle(); $(this).toggleClass('active'); if($('.dropdown-list:visible').length > 1) { $('.dropdown-list:visible').hide(); $(this).next().show(); $('.dropdown-link').removeClass('active'); $(this).addClass('active'); } }); }); //======================================== // NAV SIDEBAR MENU ACTIVE //======================================== // $('.nav-link').on('click', function(){ // $('.nav-list li a').removeClass('active'); // $(this).addClass('active'); // }); //======================================== // CATEGORY SIDEBAR FUNCTION //======================================== $('.header-cate, .cate-btn').on('click', function(){ $('body').css('overflow', 'hidden'); $('.category-sidebar').addClass('active'); $('.category-close').on('click', function(){ $('body').css('overflow', 'inherit'); $('.category-sidebar').removeClass('active'); $('.backdrop').fadeOut(); }); }); //======================================== // NAV SIDEBAR FUNCTION //======================================== $('.header-user').on('click', function(){ $('body').css('overflow', 'hidden'); $('.nav-sidebar').addClass('active'); $('.nav-close').on('click', function(){ $('body').css('overflow', 'inherit'); $('.nav-sidebar').removeClass('active'); $('.backdrop').fadeOut(); }); }); //======================================== // CART SIDEBAR FUNCTION //======================================== $('.header-cart, .cart-btn').on('click', function(){ $('body').css('overflow', 'hidden'); $('.cart-sidebar').addClass('active'); $('.cart-close').on('click', function(){ $('body').css('overflow', 'inherit'); $('.cart-sidebar').removeClass('active'); $('.backdrop').fadeOut(); }); }); //======================================== // BACKDROP SIDEBAR FUNCTION //======================================== $('.header-user, .header-cart, .header-cate, .cart-btn, .cate-btn').on('click', function(){ $('.backdrop').fadeIn(); $('.backdrop').on('click', function(){ $(this).fadeOut(); $('body').css('overflow', 'inherit'); $('.nav-sidebar').removeClass('active'); $('.cart-sidebar').removeClass('active'); $('.category-sidebar').removeClass('active'); }); }); //======================================== // COUPON FORM FUNCTION //======================================== $('.coupon-btn').on('click', function(){ $(this).hide(); $('.coupon-form').css('display', 'flex'); }); //======================================== // RESPONSIVE SEARCH BAR //======================================== $('.header-src').on('click', function(){ $('.header-form').toggleClass('active'); $(this).children('.fa-search').toggleClass('fa-times'); }); //======================================== // WISH ICON ACTIVE FUNCTION //======================================== $('.wish').on('click', function(){ $(this).toggleClass('active'); }); //======================================== // ADD TO CART BUTTON FUNCTION //======================================== $('.product-add').on('click', function(){ var productAdd = $(this).next('.product-action'); $(this).hide(); productAdd.css('display', 'flex'); }); //======================================== // INCREMENT PRODUCT QUANTITY //======================================== $(document).on('change', '.action-input', function () { if ($(this).val() < 1) { $(this).val(1) } }) $(document).on('click', '.action-plus', function () { var increamentValue = $(this).closest('.product-action').children('.action-input').get(0).value++ var actionMinus = $(this).closest('.product-action').children('.action-minus'); $(this).closest('.product-action').children('.action-input').trigger('change') if(increamentValue > 0) { actionMinus.removeAttr('disabled'); } }) $(document).on('click', '.action-minus', function () { var decrementValue = $(this).closest('.product-action').children('.action-input').get(0).value-- $(this).closest('.product-action').children('.action-input').trigger('change') if(decrementValue == 2) { $(this).attr('disabled', 'disabled'); } }) //======================================== // REVIEW WIDGET BUTTON //======================================== $('.review-widget-btn').on('click', function(){ $(this).next('.review-widget-list').toggle(); }); //======================================== // COUPON SELECT TEXT //======================================== $('.offer-select').on('click', function(){ $(this).text('Copied!'); }); //======================================== // PRODUCT VIEW IMAGE SHOW //======================================== $('.modal').on('shown.bs.modal', function (e) { $('.preview-slider, .thumb-slider').slick('setPosition', 0); }); //======================================== // PROFILE SCHEDULE ACTIVE //======================================== $('.profile-card.schedule').on('click', function(){ $('.profile-card.schedule').removeClass('active'); $(this).addClass('active'); }); //======================================== // PROFILE CONTACT ACTIVE //======================================== $('.profile-card.contact').on('click', function(){ $('.profile-card.contact').removeClass('active'); $(this).addClass('active'); }); //======================================== // PROFILE ADDESS ACTIVE //======================================== $('.profile-card.address').on('click', function(){ $('.profile-card.address').removeClass('active'); $(this).addClass('active'); }); //======================================== // PROFILE PAYMENT ACTIVE //======================================== $('.payment-card.payment').on('click', function(){ $('.payment-card.payment').removeClass('active'); $(this).addClass('active'); });