99 lines
3.7 KiB
JavaScript
99 lines
3.7 KiB
JavaScript
(function ($) {
|
|
'use strict';
|
|
/*Product Details*/
|
|
var productDetails = function () {
|
|
$('.product-image-slider').slick({
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
arrows: false,
|
|
fade: false,
|
|
asNavFor: '.slider-nav-thumbnails',
|
|
});
|
|
|
|
$('.slider-nav-thumbnails').slick({
|
|
slidesToShow: 4,
|
|
slidesToScroll: 1,
|
|
asNavFor: '.product-image-slider',
|
|
dots: false,
|
|
focusOnSelect: true,
|
|
|
|
prevArrow: '<button type="button" class="slick-prev"><i class="fi-rs-arrow-small-left"></i></button>',
|
|
nextArrow: '<button type="button" class="slick-next"><i class="fi-rs-arrow-small-right"></i></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();
|
|
if ($(window).width() > 768) {
|
|
$(img).elevateZoom({
|
|
zoomType: "inner",
|
|
cursor: "crosshair",
|
|
zoomWindowFadeIn: 500,
|
|
zoomWindowFadeOut: 750
|
|
});
|
|
}
|
|
});
|
|
//Elevate Zoom
|
|
if ( $(".product-image-slider").length ) {
|
|
if ($(window).width() > 768) {
|
|
$('.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'));
|
|
});
|
|
});
|
|
|
|
//Qty Up-Down
|
|
$('.detail-qty').each(function () {
|
|
var qtyval = parseInt($(this).find(".qty-val").val(), 10);
|
|
var $qtyInput = $(this).find(".qty-val");
|
|
|
|
$(this).find('.qty-up').on('click', function (event) {
|
|
event.preventDefault();
|
|
qtyval = qtyval + 1;
|
|
$qtyInput.val(qtyval);
|
|
});
|
|
|
|
$(this).find(".qty-down").on("click", function (event) {
|
|
event.preventDefault();/* */
|
|
qtyval = Math.max(1, qtyval - 1);
|
|
$qtyInput.val(qtyval);
|
|
});
|
|
});
|
|
|
|
$('.dropdown-menu .cart_list').on('click', function (event) {
|
|
event.stopPropagation();
|
|
});
|
|
};
|
|
|
|
//Load functions
|
|
$(document).ready(function () {
|
|
productDetails();
|
|
});
|
|
|
|
})(jQuery); |