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
2025-04-29 12:47:51 +02:00
parent 3be85fa3d1
commit 83ed05cb09
4 changed files with 49 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
layout/js/custom.js
View File

@@ -20,6 +20,7 @@ $(function () {
activateProductColors() activateProductColors()
activateProductDrafts() activateProductDrafts()
activateProductBanner() activateProductBanner()
activateProductCustomBox()
$('#nav_tabs li a').on('click', function (event) { $('#nav_tabs li a').on('click', function (event) {
event.preventDefault() event.preventDefault()
@@ -31,13 +32,14 @@ $(function () {
activateProductColors(boxHref) activateProductColors(boxHref)
activateProductDrafts(boxHref) activateProductDrafts(boxHref)
activateProductBanner(boxHref) activateProductBanner(boxHref)
activateProductCustomBox(boxHref)
if ($(this).attr('colors')) { if ($(this).attr('colors')) {
$('#product-colors-preview-box').show(); $('#product-colors-preview-box').show()
let colorsArr = $(this).attr('colors').split(' '); let colorsArr = $(this).attr('colors').split(' ')
activateProductColorsTabs(colorsArr); activateProductColorsTabs(colorsArr)
} else { } else {
$('#product-colors-preview-box').hide(); $('#product-colors-preview-box').hide()
} }
}) })
@@ -46,6 +48,15 @@ $(function () {
$(productList).find(`#${boxHref}`).addClass('active') $(productList).find(`#${boxHref}`).addClass('active')
} }
function activateProductCustomBox(boxHref = '') {
if (boxHref === '') {
$('.c-boxes .c-box').first().addClass('active')
} else {
$('.c-box', '.c-boxes').removeClass('active')
$('.c-box[product=' + boxHref + ']', '.c-boxes').addClass('active')
}
}
function activateProductColors(boxHref = '') { function activateProductColors(boxHref = '') {
if (boxHref === '') { if (boxHref === '') {
$('#product-colors-box .product-colors').first().addClass('active') $('#product-colors-box .product-colors').first().addClass('active')
@@ -84,51 +95,50 @@ $(function () {
} }
function activateProductColorsTabs(colors) { function activateProductColorsTabs(colors) {
console.log(colors); console.log(colors)
if (colors && typeof colors === 'object') { if (colors && typeof colors === 'object') {
$('#nav_tabs_colors li').each(function() { $('#nav_tabs_colors li').each(function () {
var href = $(this).find('a').attr('href').substring(1); var href = $(this).find('a').attr('href').substring(1)
if (!colors.includes(href)) { if (!colors.includes(href)) {
$(this).hide(); $(this).hide()
} else { } else {
$(this).show(); $(this).show()
} }
}); })
let firstVisible = $('#nav_tabs_colors li:visible').first(); let firstVisible = $('#nav_tabs_colors li:visible').first()
if (firstVisible.length > 0) { if (firstVisible.length > 0) {
firstVisible.find('a').trigger('click'); firstVisible.find('a').trigger('click')
} }
} }
} }
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
var productColorsList = $("#product-colors-preview-box .scontainer-content") var productColorsList = $('#product-colors-preview-box .scontainer-content')
$("#nav_tabs_colors li a").on("click", function (e) { $('#nav_tabs_colors li a').on('click', function (e) {
e.preventDefault() e.preventDefault()
var boxColorHref = $(this).attr("href").substring(1) var boxColorHref = $(this).attr('href').substring(1)
$(this).parent().parent().find("li").removeClass("active") $(this).parent().parent().find('li').removeClass('active')
$(this).parent().addClass("active") $(this).parent().addClass('active')
activateProductColorsBox(boxColorHref) activateProductColorsBox(boxColorHref)
}) })
$("#nav_tabs_colors li").first().addClass("active") $('#nav_tabs_colors li').first().addClass('active')
$(".colors-preview", productColorsList).first().addClass("active") $('.colors-preview', productColorsList).first().addClass('active')
function activateProductColorsBox(boxColorHref) { function activateProductColorsBox(boxColorHref) {
$(".colors-preview", productColorsList).removeClass("active") $('.colors-preview', productColorsList).removeClass('active')
$(productColorsList).find(`#${boxColorHref}`).addClass("active") $(productColorsList).find(`#${boxColorHref}`).addClass('active')
} }
}) })
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
$(document).ready(function () { $(document).ready(function () {
$('#product-colors-box img').each(function () { $('#product-colors-box img').each(function () {
var img = $(this) var img = $(this)

2
layout/style-css/porte.css
View File

@@ -1 +1 @@
@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";.banner-mini{margin-bottom:120px}#scontainer-61 .product-preview .row:nth-child(1){margin-bottom:60px}#scontainer-61 .product-preview .row:nth-child(2){align-items:center}#scontainer-61 .product-preview p{font-size:14px;font-weight:300;text-align:center}#scontainer-61 .product-preview table{width:100%;margin-bottom:15px}#scontainer-61 .product-preview table thead tr th{font-family:Alegreya Sans;font-size:16px;font-style:normal;font-weight:300;line-height:24px;letter-spacing:0em;text-align:center;color:#fff;background:#000;text-transform:uppercase;padding:8px 15px}#scontainer-61 .product-preview table thead tr th:empty{visibility:hidden}#scontainer-61 .product-preview table thead tr th:blank{visibility:hidden}#scontainer-61 .product-preview table thead tr th:first-child{visibility:hidden}@media(max-width: 575px){#scontainer-61 .product-preview table thead tr th{padding:8px 5px}}#scontainer-61 .product-preview table tbody{border:1px solid #000;padding-left:20px}#scontainer-61 .product-preview table tbody tr:first-child td{padding-top:100px}@media(min-width: 768px)and (max-width: 991px){#scontainer-61 .product-preview table tbody tr:first-child td{padding-top:50px}}@media(max-width: 767px){#scontainer-61 .product-preview table tbody tr:first-child td{padding-top:50px}}#scontainer-61 .product-preview table tbody tr:last-child td{padding-bottom:100px}@media(min-width: 768px)and (max-width: 991px){#scontainer-61 .product-preview table tbody tr:last-child td{padding-bottom:50px}}@media(max-width: 767px){#scontainer-61 .product-preview table tbody tr:last-child td{padding-bottom:50px}}#scontainer-61 .product-preview table tbody tr td{padding:10px 20px;font-size:14px;font-weight:500;text-align:center}@media(max-width: 575px){#scontainer-61 .product-preview table tbody tr td{padding:10px 10px}}#scontainer-61 .product-preview table tbody tr td:first-child{text-align:left}#scontainer-61 .product-preview table tbody tr td img{width:20px;height:20px}.box-03{margin-bottom:70px}.box-03 .c-row{display:flex;flex-direction:row;align-items:center}@media(max-width: 991px){.box-03 .c-row{flex-direction:column-reverse;row-gap:20px}}.box-03 .c-row .c-col-1{flex-basis:50%}@media(max-width: 991px){.box-03 .c-row .c-col-1{max-width:527px}}.box-03 .c-row .c-col-1 h2{color:#000;font-size:30px;font-family:"URW Form",sans-serif;font-weight:400;letter-spacing:2px;text-transform:uppercase;padding:35px 30px 25px;margin:0;background:#f4f4f4}@media(max-width: 1199px){.box-03 .c-row .c-col-1 h2{font-size:26px;padding:25px 20px 17px}}.box-03 .c-row .c-col-1 ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px 30px;padding:30px 0 0 30px}@media(max-width: 1199px){.box-03 .c-row .c-col-1 ul{padding:20px 0 0 20px;gap:20px 30px}}@media(max-width: 991px){.box-03 .c-row .c-col-1 ul{justify-content:center}}.box-03 .c-row .c-col-1 ul li{display:flex;flex-direction:column;row-gap:4px}.box-03 .c-row .c-col-1 ul li img{width:100%;max-width:130px}@media(min-width: 992px)and (max-width: 1199px){.box-03 .c-row .c-col-1 ul li img{max-width:110px}}.box-03 .c-row .c-col-1 ul li p{color:#000;font-size:15px;font-family:"URW Form",sans-serif;font-weight:400;margin-bottom:0;text-transform:uppercase;letter-spacing:1px}.box-03 .c-row .c-col-2{flex-basis:50%}.box-03 .c-row .c-col-2 img{width:100%;max-width:-moz-fit-content;max-width:fit-content}/*# sourceMappingURL=porte.css.map */ @import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";.banner-mini{margin-bottom:120px}#scontainer-61 .product-preview .row:nth-child(1){margin-bottom:60px}#scontainer-61 .product-preview .row:nth-child(2){align-items:center}#scontainer-61 .product-preview p{font-size:14px;font-weight:300;text-align:center}#scontainer-61 .product-preview table{width:100%;margin-bottom:15px}#scontainer-61 .product-preview table thead tr th{font-family:Alegreya Sans;font-size:16px;font-style:normal;font-weight:300;line-height:24px;letter-spacing:0em;text-align:center;color:#fff;background:#000;text-transform:uppercase;padding:8px 15px}#scontainer-61 .product-preview table thead tr th:empty{visibility:hidden}#scontainer-61 .product-preview table thead tr th:blank{visibility:hidden}#scontainer-61 .product-preview table thead tr th:first-child{visibility:hidden}@media(max-width: 575px){#scontainer-61 .product-preview table thead tr th{padding:8px 5px}}#scontainer-61 .product-preview table tbody{border:1px solid #000;padding-left:20px}#scontainer-61 .product-preview table tbody tr:first-child td{padding-top:100px}@media(min-width: 768px)and (max-width: 991px){#scontainer-61 .product-preview table tbody tr:first-child td{padding-top:50px}}@media(max-width: 767px){#scontainer-61 .product-preview table tbody tr:first-child td{padding-top:50px}}#scontainer-61 .product-preview table tbody tr:last-child td{padding-bottom:100px}@media(min-width: 768px)and (max-width: 991px){#scontainer-61 .product-preview table tbody tr:last-child td{padding-bottom:50px}}@media(max-width: 767px){#scontainer-61 .product-preview table tbody tr:last-child td{padding-bottom:50px}}#scontainer-61 .product-preview table tbody tr td{padding:10px 20px;font-size:14px;font-weight:500;text-align:center}@media(max-width: 575px){#scontainer-61 .product-preview table tbody tr td{padding:10px 10px}}#scontainer-61 .product-preview table tbody tr td:first-child{text-align:left}#scontainer-61 .product-preview table tbody tr td img{width:20px;height:20px}#scontainer-71 .c-boxes .c-box:not(.active){display:none}.box-03{margin-bottom:70px}.box-03 .c-row{display:flex;flex-direction:row;align-items:center}@media(max-width: 991px){.box-03 .c-row{flex-direction:column-reverse;row-gap:20px}}.box-03 .c-row .c-col-1{flex-basis:50%}@media(max-width: 991px){.box-03 .c-row .c-col-1{max-width:527px}}.box-03 .c-row .c-col-1 h2{color:#000;font-size:30px;font-family:"URW Form",sans-serif;font-weight:400;letter-spacing:2px;text-transform:uppercase;padding:35px 30px 25px;margin:0;background:#f4f4f4}@media(max-width: 1199px){.box-03 .c-row .c-col-1 h2{font-size:26px;padding:25px 20px 17px}}.box-03 .c-row .c-col-1 ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px 30px;padding:30px 0 0 30px}@media(max-width: 1199px){.box-03 .c-row .c-col-1 ul{padding:20px 0 0 20px;gap:20px 30px}}@media(max-width: 991px){.box-03 .c-row .c-col-1 ul{justify-content:center}}.box-03 .c-row .c-col-1 ul li{display:flex;flex-direction:column;row-gap:4px}.box-03 .c-row .c-col-1 ul li img{width:100%;max-width:130px}@media(min-width: 992px)and (max-width: 1199px){.box-03 .c-row .c-col-1 ul li img{max-width:110px}}.box-03 .c-row .c-col-1 ul li p{color:#000;font-size:15px;font-family:"URW Form",sans-serif;font-weight:400;margin-bottom:0;text-transform:uppercase;letter-spacing:1px}.box-03 .c-row .c-col-2{flex-basis:50%}.box-03 .c-row .c-col-2 img{width:100%;max-width:-moz-fit-content;max-width:fit-content}/*# sourceMappingURL=porte.css.map */

2
layout/style-css/porte.css.map
View File

@@ -1 +1 @@
{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/porte.scss","../style-scss/_mixins.scss"],"names":[],"mappings":"AAAQ,oFAAA,CACA,2FAAA,CCER,aACC,mBAAA,CAME,kDACC,kBAAA,CAED,kDACC,kBAAA,CAGF,kCACC,cAAA,CACA,eAAA,CACA,iBAAA,CAGD,sCACC,UAAA,CACA,kBAAA,CAIE,kDACC,yBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,CACA,eAAA,CACA,wBAAA,CACA,gBAAA,CAEA,wDACC,iBAAA,CAGD,wDACC,iBAAA,CAGD,8DACC,iBAAA,CChCH,yBDUC,kDA0BE,eAAA,CAAA,CAMJ,4CACC,qBAAA,CACA,iBAAA,CAIE,8DACC,iBAAA,CCtCH,+CDqCE,8DAIE,gBAAA,CAAA,CCpDJ,yBDgDE,8DAQE,gBAAA,CAAA,CAMF,6DACC,oBAAA,CCpDH,+CDmDE,6DAIE,mBAAA,CAAA,CClEJ,yBD8DE,6DAQE,mBAAA,CAAA,CAKH,kDACC,iBAAA,CACA,cAAA,CACA,eAAA,CAMA,iBAAA,CCpFF,yBD2EC,kDAME,iBAAA,CAAA,CAKD,8DACC,eAAA,CAGD,sDACC,UAAA,CACA,WAAA,CASP,QACC,kBAAA,CAEA,eACC,YAAA,CACA,kBAAA,CACA,kBAAA,CC3GE,yBDwGH,eAME,6BAAA,CACA,YAAA,CAAA,CAGD,wBACC,cAAA,CCnHC,yBDkHF,wBAIE,eAAA,CAAA,CAGD,2BACC,UAAA,CACA,cAAA,CACA,iCAAA,CACA,eAAA,CACA,kBAAA,CACA,wBAAA,CACA,sBAAA,CACA,QAAA,CACA,kBAAA,CClIA,0BDyHD,2BAYE,cAAA,CACA,sBAAA,CAAA,CAIF,2BACC,YAAA,CACA,kBAAA,CACA,cAAA,CACA,aAAA,CACA,qBAAA,CC/IA,0BD0ID,2BAQE,qBAAA,CACA,aAAA,CAAA,CCnJD,yBD0ID,2BAaE,sBAAA,CAAA,CAGD,8BACC,YAAA,CACA,qBAAA,CACA,WAAA,CAEA,kCACC,UAAA,CACA,eAAA,CCtJF,gDDoJC,kCAKE,eAAA,CAAA,CAGF,gCACC,UAAA,CACA,cAAA,CACA,iCAAA,CACA,eAAA,CACA,eAAA,CACA,wBAAA,CACA,kBAAA,CAKJ,wBACC,cAAA,CAEA,4BACC,UAAA,CACA,0BAAA,CAAA,qBAAA","file":"porte.css"} {"version":3,"sources":["../style-scss/_variables.scss","../style-scss/porte.scss","../style-scss/_mixins.scss"],"names":[],"mappings":"AAAQ,oFAAA,CACA,2FAAA,CCER,aACC,mBAAA,CAME,kDACC,kBAAA,CAED,kDACC,kBAAA,CAGF,kCACC,cAAA,CACA,eAAA,CACA,iBAAA,CAGD,sCACC,UAAA,CACA,kBAAA,CAIE,kDACC,yBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,CACA,eAAA,CACA,wBAAA,CACA,gBAAA,CAEA,wDACC,iBAAA,CAGD,wDACC,iBAAA,CAGD,8DACC,iBAAA,CChCH,yBDUC,kDA0BE,eAAA,CAAA,CAMJ,4CACC,qBAAA,CACA,iBAAA,CAIE,8DACC,iBAAA,CCtCH,+CDqCE,8DAIE,gBAAA,CAAA,CCpDJ,yBDgDE,8DAQE,gBAAA,CAAA,CAMF,6DACC,oBAAA,CCpDH,+CDmDE,6DAIE,mBAAA,CAAA,CClEJ,yBD8DE,6DAQE,mBAAA,CAAA,CAKH,kDACC,iBAAA,CACA,cAAA,CACA,eAAA,CAMA,iBAAA,CCpFF,yBD2EC,kDAME,iBAAA,CAAA,CAKD,8DACC,eAAA,CAGD,sDACC,UAAA,CACA,WAAA,CAYJ,4CACC,YAAA,CAMJ,QACC,kBAAA,CAEA,eACC,YAAA,CACA,kBAAA,CACA,kBAAA,CCrHE,yBDkHH,eAME,6BAAA,CACA,YAAA,CAAA,CAGD,wBACC,cAAA,CC7HC,yBD4HF,wBAIE,eAAA,CAAA,CAGD,2BACC,UAAA,CACA,cAAA,CACA,iCAAA,CACA,eAAA,CACA,kBAAA,CACA,wBAAA,CACA,sBAAA,CACA,QAAA,CACA,kBAAA,CC5IA,0BDmID,2BAYE,cAAA,CACA,sBAAA,CAAA,CAIF,2BACC,YAAA,CACA,kBAAA,CACA,cAAA,CACA,aAAA,CACA,qBAAA,CCzJA,0BDoJD,2BAQE,qBAAA,CACA,aAAA,CAAA,CC7JD,yBDoJD,2BAaE,sBAAA,CAAA,CAGD,8BACC,YAAA,CACA,qBAAA,CACA,WAAA,CAEA,kCACC,UAAA,CACA,eAAA,CChKF,gDD8JC,kCAKE,eAAA,CAAA,CAGF,gCACC,UAAA,CACA,cAAA,CACA,iCAAA,CACA,eAAA,CACA,eAAA,CACA,wBAAA,CACA,kBAAA,CAKJ,wBACC,cAAA,CAEA,4BACC,UAAA,CACA,0BAAA,CAAA,qBAAA","file":"porte.css"}

10
layout/style-scss/porte.scss
View File

@@ -118,6 +118,16 @@
} }
} }
#scontainer-71 {
.c-boxes {
.c-box {
&:not(.active) {
display: none;
}
}
}
}
.box-03 { .box-03 {
margin-bottom: 70px; margin-bottom: 70px;