90 lines
2.8 KiB
JavaScript
90 lines
2.8 KiB
JavaScript
$(function () {
|
|
if ($(".illustration_product_slider").length) {
|
|
var swiperProductSlider = new Swiper(".illustration_product_slider", {
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
type: "progressbar",
|
|
},
|
|
navigation: {
|
|
nextEl: ".swiper-slide-next",
|
|
prevEl: ".swiper-slide-prev",
|
|
},
|
|
})
|
|
}
|
|
})
|
|
|
|
$(function () {
|
|
$("#nav_tabs li").first().addClass("active")
|
|
var productList = $("#product-preview-box .scontainer-content")
|
|
$(".product-preview", productList).first().addClass("active")
|
|
activateProductColors()
|
|
activateProductDrafts()
|
|
activateProductBanner()
|
|
|
|
|
|
$("#nav_tabs li a").on("click", function (event) {
|
|
event.preventDefault()
|
|
var boxHref = $(this).attr("href").substring(1)
|
|
$(this).parent().parent().find("li").removeClass("active")
|
|
$(this).parent().addClass("active")
|
|
|
|
activateProductBox(boxHref)
|
|
activateProductColors(boxHref)
|
|
activateProductDrafts(boxHref)
|
|
activateProductBanner(boxHref)
|
|
})
|
|
|
|
function activateProductBox(boxHref) {
|
|
$(".product-preview", productList).removeClass("active")
|
|
$(productList).find(`#${boxHref}`).addClass("active")
|
|
}
|
|
|
|
function activateProductColors(boxHref = "") {
|
|
if (boxHref === "") {
|
|
$("#product-colors-box .product-colors").first().addClass("active")
|
|
} else if ($("#product-colors-box .product-colors").length > 1) {
|
|
$("#product-colors-box .product-colors").removeClass("active")
|
|
$("#product-colors-box .product-colors").each(function () {
|
|
if ($(this).attr("model") === boxHref) {
|
|
$(this).addClass("active")
|
|
}
|
|
})
|
|
}
|
|
}
|
|
function activateProductDrafts(boxHref = "") {
|
|
if (boxHref === "") {
|
|
$("#product-drafts-box .product-drafts").first().addClass("active")
|
|
} else if ($("#product-drafts-box .product-drafts").length > 1) {
|
|
$("#product-drafts-box .product-drafts").removeClass("active")
|
|
$("#product-drafts-box .product-drafts").each(function () {
|
|
if ($(this).attr("model") === boxHref) {
|
|
$(this).addClass("active")
|
|
}
|
|
})
|
|
}
|
|
}
|
|
function activateProductBanner(boxHref = "") {
|
|
if (boxHref === "") {
|
|
$("#product-banners-box .product-banner").first().addClass("active")
|
|
} else if ($("#product-banners-box .product-banner").length > 1) {
|
|
$("#product-banners-box .product-banner").removeClass("active")
|
|
$("#product-banners-box .product-banner").each(function () {
|
|
if ($(this).attr("model") === boxHref) {
|
|
$(this).addClass("active")
|
|
}
|
|
})
|
|
}
|
|
}
|
|
})
|
|
|
|
$(document).ready(function() {
|
|
$('#product-colors-box img').each(function() {
|
|
var img = $(this);
|
|
var src = img.attr('data-src');
|
|
img.wrap('<a href="' + src + '" data-fancybox></a>');
|
|
});
|
|
|
|
Fancybox.bind("[data-fancybox]", {
|
|
});
|
|
});
|