From 83ed05cb09c50a7ca094a000467a09da9eac69dc Mon Sep 17 00:00:00 2001 From: Roman Pyrih Date: Tue, 29 Apr 2025 12:47:51 +0200 Subject: [PATCH] save --- layout/js/custom.js | 64 ++++++++++++++++++++-------------- layout/style-css/porte.css | 2 +- layout/style-css/porte.css.map | 2 +- layout/style-scss/porte.scss | 10 ++++++ 4 files changed, 49 insertions(+), 29 deletions(-) diff --git a/layout/js/custom.js b/layout/js/custom.js index 83d523b..ba54d58 100644 --- a/layout/js/custom.js +++ b/layout/js/custom.js @@ -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) diff --git a/layout/style-css/porte.css b/layout/style-css/porte.css index 2f3a5c5..8c348ed 100644 --- a/layout/style-css/porte.css +++ b/layout/style-css/porte.css @@ -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 */ \ No newline at end of file +@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 */ \ No newline at end of file diff --git a/layout/style-css/porte.css.map b/layout/style-css/porte.css.map index 4220b52..431628e 100644 --- a/layout/style-css/porte.css.map +++ b/layout/style-css/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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/layout/style-scss/porte.scss b/layout/style-scss/porte.scss index f33bef5..6ae782b 100644 --- a/layout/style-scss/porte.scss +++ b/layout/style-scss/porte.scss @@ -118,6 +118,16 @@ } } +#scontainer-71 { + .c-boxes { + .c-box { + &:not(.active) { + display: none; + } + } + } +} + .box-03 { margin-bottom: 70px;