save
This commit is contained in:
Roman Pyrih
@@ -20,6 +20,7 @@ $(function () {
|
||||
activateProductColors()
|
||||
activateProductDrafts()
|
||||
activateProductBanner()
|
||||
activateProductCustomBox()
|
||||
|
||||
$('#nav_tabs li a').on('click', function (event) {
|
||||
event.preventDefault()
|
||||
@@ -31,13 +32,14 @@ $(function () {
|
||||
activateProductColors(boxHref)
|
||||
activateProductDrafts(boxHref)
|
||||
activateProductBanner(boxHref)
|
||||
activateProductCustomBox(boxHref)
|
||||
|
||||
if ($(this).attr('colors')) {
|
||||
$('#product-colors-preview-box').show();
|
||||
let colorsArr = $(this).attr('colors').split(' ');
|
||||
activateProductColorsTabs(colorsArr);
|
||||
$('#product-colors-preview-box').show()
|
||||
let colorsArr = $(this).attr('colors').split(' ')
|
||||
activateProductColorsTabs(colorsArr)
|
||||
} else {
|
||||
$('#product-colors-preview-box').hide();
|
||||
$('#product-colors-preview-box').hide()
|
||||
}
|
||||
})
|
||||
|
||||
@@ -46,6 +48,15 @@ $(function () {
|
||||
$(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 = '') {
|
||||
if (boxHref === '') {
|
||||
$('#product-colors-box .product-colors').first().addClass('active')
|
||||
@@ -84,51 +95,50 @@ $(function () {
|
||||
}
|
||||
|
||||
function activateProductColorsTabs(colors) {
|
||||
console.log(colors);
|
||||
|
||||
if (colors && typeof colors === 'object') {
|
||||
$('#nav_tabs_colors li').each(function() {
|
||||
var href = $(this).find('a').attr('href').substring(1);
|
||||
if (!colors.includes(href)) {
|
||||
$(this).hide();
|
||||
} else {
|
||||
$(this).show();
|
||||
}
|
||||
});
|
||||
console.log(colors)
|
||||
|
||||
let firstVisible = $('#nav_tabs_colors li:visible').first();
|
||||
if (colors && typeof colors === 'object') {
|
||||
$('#nav_tabs_colors li').each(function () {
|
||||
var href = $(this).find('a').attr('href').substring(1)
|
||||
if (!colors.includes(href)) {
|
||||
$(this).hide()
|
||||
} else {
|
||||
$(this).show()
|
||||
}
|
||||
})
|
||||
|
||||
let firstVisible = $('#nav_tabs_colors li:visible').first()
|
||||
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()
|
||||
|
||||
var boxColorHref = $(this).attr("href").substring(1)
|
||||
$(this).parent().parent().find("li").removeClass("active")
|
||||
$(this).parent().addClass("active")
|
||||
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")
|
||||
$('#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")
|
||||
$('.colors-preview', productColorsList).removeClass('active')
|
||||
$(productColorsList).find(`#${boxColorHref}`).addClass('active')
|
||||
}
|
||||
})
|
||||
|
||||
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
$('#product-colors-box img').each(function () {
|
||||
var img = $(this)
|
||||
|
||||
@@ -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 */
|
||||
@@ -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"}
|
||||
@@ -118,6 +118,16 @@
|
||||
}
|
||||
}
|
||||
|
||||
#scontainer-71 {
|
||||
.c-boxes {
|
||||
.c-box {
|
||||
&:not(.active) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-03 {
|
||||
margin-bottom: 70px;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user