// search toggle
$('.searchbtn').on('click', function() {
$('.searchbox').fadeToggle('fast');
});
// language
$('.currentlang').on('click', function() {
$('.langarrow').toggleClass('rotate');
$('.langarrow').toggleClass('rotate-reset');
$('.otherlang').slideToggle(150);
});
// slider
$('.slider').slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
arrow: true,
dots: true
});
// ig slider
$('.ig_slider').slick({
infinite: true,
slidesToShow: 8,
slidesToScroll: 2,
arrow: false,
dots: true
});
// related slider
$('.related_slider').slick({
infinite: true,
slidesToShow: 5,
slidesToScroll: 1,
arrow: false,
dots: false,
responsive: [
{
breakpoint: 1199,
settings: {
slidesToShow: 4
}
},
{
breakpoint: 991,
settings: {
slidesToShow: 3
}
},
{
breakpoint: 767,
settings: {
slidesToShow: 2
}
}
,
{
breakpoint: 500,
settings: {
slidesToShow: 1
}
}
]
});
// video
document.addEventListener("DOMContentLoaded",
function() {
var div, n,
v = document.getElementsByClassName("youtube-player");
for (n = 0; n < v.length; n++) {
div = document.createElement("div");
div.setAttribute("data-id", v[n].dataset.id);
div.innerHTML = labnolThumb(v[n].dataset.id);
div.onclick = labnolIframe;
v[n].appendChild(div);
}
});
function labnolThumb(id) {
var thumb = '
',
play = '';
return thumb.replace("ID", id) + play;
}
function labnolIframe() {
var iframe = document.createElement("iframe");
var embed = "http://player.youku.com/embed/ID";
iframe.setAttribute("src", embed.replace("ID", this.dataset.id));
iframe.setAttribute("frameborder", "0");
iframe.setAttribute("allowfullscreen", "1");
this.parentNode.replaceChild(iframe, this);
}
// scroll top
$(document).ready(function() {
//Check to see if the window is top if not then display button
$(window).scroll(function() {
if ($(this).scrollTop() > 50) {
$('.scrollToTop').fadeIn();
} else {
$('.scrollToTop').fadeOut();
}
});
//Click event to scroll to top
$('.scrollToTop').click(function() {
$('html, body').animate({
scrollTop: 0
}, 500);
return false;
});
});
// side nav
(function() {
var bodyEl = $('body'),
navToggleBtn = bodyEl.find('.nav-toggle-btn,.closesidenav,.sidebg');
navToggleBtn.on('click', function(e) {
bodyEl.toggleClass('active-nav');
bodyEl.toggleClass('active-slidebg');
e.preventDefault();
});
})();
// category sidemenu
$('.category_sidemenu ul i').on('click', function() {
$(this).toggleClass('rotate');
$(this).toggleClass('rotate-reset');
$(this).parents(".menu").children(".lvtwo").slideToggle(150);
});
$('.open_sidecate').on('click', function() {
$(this).parents(".category_sidemenu").children(".category_sidemenu ul.menu_ul").slideToggle(150);
});
$( document ).ready(function loadfooterHeight() {
var footerheight = $("footer").outerHeight();
$(".wrapper").css('padding-bottom', footerheight);
});
$(window).on('resize', function() {
var footerheight = $("footer").outerHeight();
$(".wrapper").css('padding-bottom', footerheight);
});
// address & delivery
$('.deliveryOption .option').on('click', function() {
$('.deliveryOption .option').removeClass('active');
$(this).addClass('active');
});
$('.billOption .option').on('click', function() {
$('.billOption .option').removeClass('active');
$(this).addClass('active');
});
$('#samedelivery').hide();
$('#checkdelivery_01').on('click', function() {
$('#samedelivery').slideToggle('fast');
});
// close product layer
$('button.addtocart_Btn').on('click', function() {
$('body').addClass('fixed');
$('.productlayer').fadeIn('fast');
});
$('.closelayer').on('click', function() {
$('body').removeClass('fixed');
$('.productlayer').fadeOut('fast');
});
// popup msg
$('button.popuplayer-btn').on('click', function() {
$('body').addClass('fixed');
$('.popuplayer').fadeIn('fast');
});
$('.closepopup-btn').on('click', function() {
$('body').removeClass('fixed');
$('.popuplayer').fadeOut('fast');
});
// Instantiate EasyZoom instances
var $easyzoom = $('.easyzoom').easyZoom();
// Setup thumbnails example
var api1 = $easyzoom.filter('.easyzoom--with-thumbnails').data('easyZoom');
$('.thumbnails').on('click', 'a', function(e) {
var $this = $(this);
e.preventDefault();
// Use EasyZoom's `swap` method
api1.swap($this.data('standard'), $this.attr('href'));
});
// Setup toggles example
var api2 = $easyzoom.filter('.easyzoom--with-toggle').data('easyZoom');
$('.toggle').on('click', function() {
var $this = $(this);
if ($this.data("active") === true) {
$this.text("Switch on").data("active", false);
api2.teardown();
} else {
$this.text("Switch off").data("active", true);
api2._init();
}
});
// product details tab
$(document).ready(function() {
(function ($) {
$('.tab ul.tabs').addClass('active').find('> li:eq(0)').addClass('current');
$('.tab ul.tabs li a').click(function (g) {
var tab = $(this).closest('.tab'),
index = $(this).closest('li').index();
tab.find('ul.tabs > li').removeClass('current');
$(this).closest('li').addClass('current');
tab.find('.tab_content').find('div.tabs_item').not('div.tabs_item:eq(' + index + ')').slideUp();
tab.find('.tab_content').find('div.tabs_item:eq(' + index + ')').slideDown();
g.preventDefault();
} );
})(jQuery);
});
// preview img
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#preview').attr('src', e.target.result);
$( ".uploadicon" ).remove();
};
reader.readAsDataURL(input.files[0]);
}
}
// input quantity
jQuery('').insertAfter('.quantity input');
jQuery('.quantity').each(function() {
var spinner = jQuery(this),
input = spinner.find('input[type="number"]'),
btnUp = spinner.find('.quantity-up'),
btnDown = spinner.find('.quantity-down'),
min = input.attr('min'),
max = input.attr('max');
btnUp.click(function() {
var oldValue = parseFloat(input.val());
if (oldValue >= max) {
var newVal = oldValue;
} else {
var newVal = oldValue + 1;
}
spinner.find("input").val(newVal);
spinner.find("input").trigger("change");
});
btnDown.click(function() {
var oldValue = parseFloat(input.val());
if (oldValue <= min) {
var newVal = oldValue;
} else {
var newVal = oldValue - 1;
}
spinner.find("input").val(newVal);
spinner.find("input").trigger("change");
});
});