Project-Pro/masimmo.pl
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-12 15:57:01 +01:00
parent 2e7c3943e4
commit e75fa515f5
62 changed files with 4916 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
themes/classic/assets/css/custom.css
View File

@@ -2,6 +2,10 @@ body > main {
overflow-x: hidden;
}
html {
scroll-padding-top: 150px;
}
body {
font-size: 15px;
line-height: 1.5;
@@ -270,6 +274,12 @@ a {
fill: #e6cb6f;
}
body#product {
overflow-x: hidden;
}
body#product > main {
overflow: initial;
}
body#product #content ul.product-flags {
display: flex;
flex-direction: row;
@@ -445,7 +455,6 @@ body#product .product-info-box .product-info-box-right .product-information .pro
body#product .product-info-box .product-info-box-right .product-information .product-actions .product-variants {
margin: 16px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
body#product .product-info-box .product-info-box-right .product-information .product-actions .product-variants .product-variants-item {
position: relative;
@@ -682,8 +691,6 @@ body#product .product-info-box .product-info-box-right .product-information .pro
}
body#product .product-info-box .product-info-box-right .product-information .product-actions .product-additional-info {
display: none;
}
body#product .product-info-box .product-info-box-right .product-information .product-actions .product-additional-info {
margin: 30px 0;
}
body#product .product-info-box .product-info-box-right .product-information .blockreassurance_product {
@@ -696,6 +703,7 @@ body#product .product-info-box .product-info-box-right .product-information .blo
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
color: #462d26;
font-size: 14px;
font-weight: 500;
@@ -721,9 +729,44 @@ body#product .product-info-box .product-info-box-right .product-information .blo
font-weight: 700;
margin: 0;
}
body#product .product-info-box .product-info-box-right .product-information .blockreassurance_product .item-1 .block-description {
text-decoration: underline;
cursor: pointer;
}
body#product .product-info-box .product-info-box-right .product-information .blockreassurance_product .block-raty {
width: 100%;
display: none;
}
body#product .product-info-box .product-info-box-right .product-information .blockreassurance_product .block-raty .block-raty--wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
padding-top: 20px;
}
body#product .product-info-box .product-info-box-right .product-information #description-nav {
padding: 32px 24px;
margin: 0;
list-style: none;
display: flex;
flex-direction: row;
}
body#product .product-info-box .product-info-box-right .product-information #description-nav li:not(:last-child) {
padding-right: 24px;
margin-right: 24px;
border-right: 1px solid rgba(17, 14, 12, 0.1019607843);
}
body#product .product-info-box .product-info-box-right .product-information #description-nav li a {
color: #462d26;
font-size: 16px;
font-weight: 600;
font-family: "Inter", sans-serif;
}
body#product .product-description-box {
position: relative;
margin-bottom: 100px;
padding-top: 60px;
padding-bottom: 60px;
}
body#product .product-description-box::before {
content: "";
@@ -735,6 +778,83 @@ body#product .product-description-box::before {
transform: translateX(-50%);
background: #ffffff;
}
body#product .product-description-box .c-row {
display: flex;
flex-direction: row;
-moz-column-gap: 60px;
column-gap: 60px;
}
body#product .product-description-box .c-row .c-col {
width: calc(50% - 30px);
}
@media (max-width: 767px) {
body#product .product-description-box .c-row .c-col {
width: 100%;
}
}
@media (max-width: 767px) {
body#product .product-description-box .c-row .c-col-2 {
display: none;
}
}
body#product .product-description-box .c-row .c-col-2 .product-description-box-img {
position: sticky;
top: 150px;
}
body#product .product-description-box .c-row .c-col-2 .product-description-box-img img {
width: 100%;
max-width: -moz-fit-content;
max-width: fit-content;
}
body#product .product-description-box ul.product-accordion-box {
padding: 0;
margin: 0;
list-style: none;
}
body#product .product-description-box ul.product-accordion-box li.accordion-item.active .accordion-item-header img {
transform: scale(-1);
}
body#product .product-description-box ul.product-accordion-box li.accordion-item .accordion-item-header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
-moz-column-gap: 30px;
column-gap: 30px;
padding: 16px 0;
border-bottom: 1px solid rgba(17, 14, 12, 0.1019607843);
cursor: pointer;
}
body#product .product-description-box ul.product-accordion-box li.accordion-item .accordion-item-header h3 {
color: #462d26;
font-size: 24px;
font-weight: 600;
font-family: "Inter", sans-serif;
margin: 0;
}
body#product .product-description-box ul.product-accordion-box li.accordion-item .accordion-item-header img {
transition: all 0.3s ease-in-out;
}
body#product .product-description-box ul.product-accordion-box li.accordion-item .accordion-item-body .accordion-item-body--wrapper {
padding-top: 24px;
padding-bottom: 64px;
}
body#product .product-description-box ul.product-accordion-box li.accordion-item .accordion-item-body .accordion-item-body--wrapper * {
color: #000;
font-size: 14px;
font-weight: 400;
font-family: "Inter", sans-serif;
line-height: 1.4;
}
body#product .product-description-box ul.product-accordion-box li.accordion-item .accordion-item-body .accordion-item-body--wrapper * strong {
font-weight: 700;
}
body#product .product-description-box ul.product-accordion-box li.accordion-item .accordion-item-body .accordion-item-body--wrapper img {
max-width: -moz-fit-content;
max-width: fit-content;
width: 100%;
height: auto;
}
body#product .tabs {
border-radius: 10px;
}
@@ -1733,15 +1853,17 @@ body#category #content-wrapper section#main div {
column-gap: 80px;
position: relative;
}
.footer-box-other-info > .elementor-container > .elementor-row::before {
content: "";
position: absolute;
top: -60px;
bottom: -60px;
left: 50%;
width: 1px;
transform: translateX(-50%);
background: rgba(170, 138, 94, 0.25);
@media (min-width: 1025px) {
.footer-box-other-info > .elementor-container > .elementor-row::before {
content: "";
position: absolute;
top: -60px;
bottom: -60px;
left: 50%;
width: 1px;
transform: translateX(-50%);
background: rgba(170, 138, 94, 0.25);
}
}
nav.pagination .page-list {
@@ -2140,4 +2262,16 @@ body#authentication section#main #content .register-form form footer.form-footer
align-items: center;
justify-content: center;
margin: 30px 0 0 0;
}
@media (max-width: 767px) {
.newsletter-form form.elementor-email-subscription .elementor-field-type-subscribe {
display: flex;
flex-direction: row;
row-gap: 16px;
flex-wrap: wrap;
}
.newsletter-form form.elementor-email-subscription .elementor-field-type-subscribe button {
width: 100%;
}
}/*# sourceMappingURL=custom.css.map */

2
themes/classic/assets/css/custom.css.map
View File

File diff suppressed because one or more lines are too long

191
themes/classic/assets/css/custom.scss
View File

@@ -11,6 +11,10 @@ body > main {
overflow-x: hidden;
}
html {
scroll-padding-top: 150px;
}
body {
font-size: 15px;
line-height: 1.5;
@@ -382,6 +386,12 @@ a {
//* Single Product
body#product {
overflow-x: hidden;
> main {
overflow: initial;
}
#content {
ul.product-flags {
display: flex;
@@ -601,7 +611,7 @@ body#product {
.product-variants {
margin: 16px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
// border-bottom: 1px solid #ddd;
.product-variants-item {
position: relative;
@@ -898,9 +908,6 @@ body#product {
.product-additional-info {
display: none;
}
.product-additional-info {
margin: 30px 0;
}
}
@@ -915,6 +922,7 @@ body#product {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
color: #462d26;
font-size: 14px;
@@ -946,6 +954,50 @@ body#product {
margin: 0;
}
}
.item-1 {
.block-description {
text-decoration: underline;
cursor: pointer;
}
}
.block-raty {
width: 100%;
display: none;
.block-raty--wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
padding-top: 20px;
}
}
}
#description-nav {
padding: 32px 24px;
margin: 0;
list-style: none;
display: flex;
flex-direction: row;
li {
&:not(:last-child) {
padding-right: 24px;
margin-right: 24px;
border-right: 1px solid #110e0c1a;
}
a {
color: #462d26;
font-size: 16px;
font-weight: 600;
font-family: $fInter;
}
}
}
}
}
@@ -954,6 +1006,8 @@ body#product {
.product-description-box {
position: relative;
margin-bottom: 100px;
padding-top: 60px;
padding-bottom: 60px;
&::before {
content: '';
@@ -965,6 +1019,98 @@ body#product {
transform: translateX(-50%);
background: #ffffff;
}
.c-row {
display: flex;
flex-direction: row;
column-gap: 60px;
.c-col {
width: calc(50% - 30px);
@media (max-width: 767px) {
width: 100%;
}
}
.c-col-2 {
@media (max-width: 767px) {
display: none;
}
.product-description-box-img {
position: sticky;
top: 150px;
img {
width: 100%;
max-width: fit-content;
}
}
}
}
ul.product-accordion-box {
padding: 0;
margin: 0;
list-style: none;
li.accordion-item {
&.active {
.accordion-item-header {
img {
transform: scale(-1);
}
}
}
.accordion-item-header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
column-gap: 30px;
padding: 16px 0;
border-bottom: 1px solid #110e0c1a;
cursor: pointer;
h3 {
color: #462d26;
font-size: 24px;
font-weight: 600;
font-family: $fInter;
margin: 0;
}
img {
transition: all 0.3s ease-in-out;
}
}
.accordion-item-body {
.accordion-item-body--wrapper {
padding-top: 24px;
padding-bottom: 64px;
* {
color: #000;
font-size: 14px;
font-weight: 400;
font-family: $fInter;
line-height: 1.4;
strong {
font-weight: 700;
}
}
img {
max-width: fit-content;
width: 100%;
height: auto;
}
}
}
}
}
}
.tabs {
@@ -2310,15 +2456,17 @@ body#category {
column-gap: 80px;
position: relative;
&::before {
content: '';
position: absolute;
top: -60px;
bottom: -60px;
left: 50%;
width: 1px;
transform: translateX(-50%);
background: rgba(#aa8a5e, 0.25);
@media (min-width: 1025px) {
&::before {
content: '';
position: absolute;
top: -60px;
bottom: -60px;
left: 50%;
width: 1px;
transform: translateX(-50%);
background: rgba(#aa8a5e, 0.25);
}
}
}
}
@@ -2822,3 +2970,20 @@ body#authentication {
}
}
}
.newsletter-form {
form.elementor-email-subscription {
.elementor-field-type-subscribe {
@media (max-width: 767px) {
display: flex;
flex-direction: row;
row-gap: 16px;
flex-wrap: wrap;
button {
width: 100%;
}
}
}
}
}

70
themes/classic/assets/js/custom.js
View File

@@ -44,3 +44,73 @@ jQuery(document).ready(function ($) {
$(this).parent().siblings('.form-control-select-custom').slideToggle();
});
});
jQuery(document).ready(function ($) {
if ($("#product").length) {
const additionalInfo = $(".product-additional-info");
if (additionalInfo.length) {
const elementsToCopy = [];
const selectors = [
".single_raty",
"#oblicz-rate",
"#caraty"
];
selectors.forEach(selector => {
const element = additionalInfo.find(selector);
if (element.length) {
elementsToCopy.push(element.clone());
}
});
if (elementsToCopy.length) {
const item1 = $(".blockreassurance_product .item-1");
if (item1.length) {
const blockRaty = $('<div class="block-raty"><div class="block-raty--wrapper"></div></div>');
const wrapper = blockRaty.find('.block-raty--wrapper');
elementsToCopy.forEach(element => {
wrapper.append(element);
});
item1.append(blockRaty);
}
}
}
$(".blockreassurance_product .item-1 .block-description").on("click", function () {
const blockRaty = $(".blockreassurance_product .item-1 .block-raty");
if (blockRaty.length) {
blockRaty.slideToggle();
}
});
}
});
jQuery(document).ready(function ($) {
if ($("#product").length) {
$(".accordion-item").addClass("active");
$(".accordion-item-body").show();
$(".accordion-item-header").click(function(){
$(".accordion-item-body").slideUp();
$(".accordion-item").removeClass("active");
if ($(this).next(".accordion-item-body").is(":hidden")) {
$(this).next(".accordion-item-body").slideDown();
$(this).parent().addClass("active");
}
});
$(".product-description-box .product-description-box-img").css(
"top",
$("#header-panel-box").height() + 64
)
}
})