Project-Pro/it.vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2024-12-09 12:51:26 +01:00
parent e981f6f911
commit ff4a09798f
11 changed files with 674 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
layout/js/custom.js
View File

@@ -1,89 +1,114 @@
$(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",
},
})
}
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').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) {
$('#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")
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)
})
activateProductBox(boxHref)
activateProductColors(boxHref)
activateProductDrafts(boxHref)
activateProductBanner(boxHref)
})
function activateProductBox(boxHref) {
$(".product-preview", productList).removeClass("active")
$(productList).find(`#${boxHref}`).addClass("active")
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 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 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")
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]", {
});
});
$(function() {
var productColorsList = $("#product-colors-preview-box .scontainer-content")
$("#nav_tabs_colors li a").on("click", function (e) {
e.preventDefault()
var boxColorHref = $(this).attr("href").substring(1)
$(this).parent().parent().find("li").removeClass("active")
$(this).parent().addClass("active")
activateProductColorsBox(boxColorHref)
})
$("#nav_tabs_colors li").first().addClass("active")
$(".colors-preview", productColorsList).first().addClass("active")
function activateProductColorsBox(boxColorHref) {
$(".colors-preview", productColorsList).removeClass("active")
$(productColorsList).find(`#${boxColorHref}`).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]', {})
})