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-11-29 15:31:24 +01:00
parent 334dcd8468
commit bdea8d379b
9 changed files with 463 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -707,6 +707,9 @@ body#checkout #content-wrapper .cart-grid-body .checkout-step .step-title {
body#checkout #content-wrapper .cart-grid-body .checkout-step .step-title .step-number::after { body#checkout #content-wrapper .cart-grid-body .checkout-step .step-title .step-number::after {
content: ". "; content: ". ";
} }
body#checkout #content-wrapper .cart-grid-body .checkout-step.-current {
opacity: 1 !important;
}
body#checkout #content-wrapper .cart-grid-body .checkout-step.-current .step-title { body#checkout #content-wrapper .cart-grid-body .checkout-step.-current .step-title {
color: #e79332; color: #e79332;
border-bottom: 1px solid #e79332; border-bottom: 1px solid #e79332;
@@ -837,6 +840,63 @@ body#checkout #content-wrapper .cart-grid-body .checkout-step .order-options #de
font-weight: 500; font-weight: 500;
margin-bottom: 4px; margin-bottom: 4px;
} }
body#checkout #content-wrapper .cart-grid-body .checkout-step .order-options #delivery textarea {
width: 100%;
max-width: 480px;
border: 1px solid rgba(70, 45, 38, 0.1411764706);
background: rgba(70, 45, 38, 0.1019607843);
border-radius: 1px;
resize: none;
margin-bottom: 30px;
}
body#checkout #content-wrapper .cart-grid-body .checkout-step button[type=submit] {
color: #f9f7f2;
font-size: 14px;
font-family: "Inter", sans-serif;
font-weight: 500;
padding: 12px 80px;
background: #e79332;
text-transform: initial;
float: none !important;
}
body#checkout #content-wrapper .cart-grid-body .checkout-step #conditions-to-approve ul li .condition-label {
margin: 0;
line-height: 1;
}
body#checkout #content-wrapper .cart-grid-body .checkout-step #conditions-to-approve ul li .condition-label label {
margin: 0;
line-height: 1;
}
body#checkout #content-wrapper .cart-grid-body .checkout-step .payment-options .js-additional-information {
margin: 0 0 20px 0;
padding: 24px;
border: 1px solid rgba(70, 45, 38, 0.1411764706);
}
body#checkout #content-wrapper .cart-grid-body .checkout-step .payment-options .js-additional-information p {
color: #110e0c;
font-size: 14px;
font-weight: 700;
font-family: "Inter", sans-serif;
}
body#checkout #content-wrapper .cart-grid-body .checkout-step .payment-options .js-additional-information dl {
border-left: 1px solid rgba(70, 45, 38, 0.1411764706);
border-right: 1px solid rgba(70, 45, 38, 0.1411764706);
border-top: 1px solid rgba(70, 45, 38, 0.1411764706);
}
body#checkout #content-wrapper .cart-grid-body .checkout-step .payment-options .js-additional-information dl dt {
border-right: 1px solid rgba(70, 45, 38, 0.1411764706);
}
body#checkout #content-wrapper .cart-grid-body .checkout-step .payment-options .js-additional-information dl dt,
body#checkout #content-wrapper .cart-grid-body .checkout-step .payment-options .js-additional-information dl dd {
color: #462d26;
font-size: 14px;
font-weight: 400;
font-family: "Inter", sans-serif;
background: transparent;
margin: 0;
flex: 0 0 50%;
border-bottom: 1px solid rgba(70, 45, 38, 0.1411764706);
}
body#checkout #content-wrapper #js-checkout-summary { body#checkout #content-wrapper #js-checkout-summary {
background: transparent; background: transparent;
} }
@@ -940,6 +1000,63 @@ body#checkout #content-wrapper .delivery-options .delivery-option {
border: none; border: none;
} }
body#order-confirmation .breadcrumb {
display: none;
}
body#order-confirmation #content-wrapper #main #registration-form {
display: none;
}
body#order-confirmation #content-wrapper #main section#content, body#order-confirmation #content-wrapper #main section#content-hook_payment_return, body#order-confirmation #content-wrapper #main section#content-hook-order-confirmation-footer {
display: none;
}
body#order-confirmation #content-wrapper #main section#content-hook_order_confirmation {
margin-bottom: 150px;
margin-top: 50px;
background: transparent;
}
body#order-confirmation #content-wrapper #main section#content-hook_order_confirmation .card-title {
color: #462d26;
font-size: 24px;
font-weight: 700;
font-family: "Inter", sans-serif;
margin-bottom: 24px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
row-gap: 32px;
text-transform: initial;
}
body#order-confirmation #content-wrapper #main section#content-hook_order_confirmation p {
color: #1a1a18;
font-size: 16px;
font-weight: 400;
font-family: "Inter", sans-serif;
text-align: center;
max-width: 750px;
margin-left: auto;
margin-right: auto;
margin-bottom: 32px;
}
body#order-confirmation #content-wrapper #main section#content-hook_order_confirmation .elementor-button {
color: #f9f7f2;
font-size: 14px;
font-weight: 500;
font-family: "Inter", sans-serif;
padding: 18px 80px;
background: #e79332;
margin: 0 auto;
display: flex;
width: 100%;
max-width: -moz-fit-content;
max-width: fit-content;
}
body#order-confirmation footer#footer .footer-box-newsletter,
body#order-confirmation footer#footer .footer-box-services,
body#order-confirmation footer#footer .footer-box-other-info {
display: none;
}
footer#footer { footer#footer {
background-color: #f9f7f2; background-color: #f9f7f2;
} }
@@ -1591,4 +1708,90 @@ input[type=checkbox]:checked::after,
input[type=radio]:checked::after { input[type=radio]:checked::after {
top: 7px; top: 7px;
left: 3px; left: 3px;
}
body#authentication section#main .page-header {
margin-bottom: 32px;
}
body#authentication section#main .page-header h1 {
color: #462d26;
font-size: 24px;
font-weight: 700;
font-family: "Inter", sans-serif;
text-align: center;
margin-bottom: 0;
}
body#authentication section#main #content {
background: transparent;
max-width: 480px;
margin: 0 auto 150px;
}
body#authentication section#main #content form label {
color: #110e0c;
font-size: 12px;
font-weight: 500;
font-family: "Inter", sans-serif;
}
body#authentication section#main #content form input[type=text] {
border: 1px solid rgba(70, 45, 38, 0.1411764706);
background: rgba(70, 45, 38, 0.1019607843);
}
body#authentication section#main #content form .btn-show-password-box {
width: -moz-fit-content;
width: fit-content;
position: absolute;
right: 0;
}
body#authentication section#main #content form .btn-show-password-box .btn-show-password {
background: transparent;
}
body#authentication section#main #content form .forgot-password {
text-align: left;
}
body#authentication section#main #content form .forgot-password a {
color: #110e0c;
font-size: 12px;
font-weight: 500;
font-family: "Inter", sans-serif;
text-decoration: underline;
}
body#authentication section#main #content form button {
color: #f9f7f2;
background: #e79332;
padding: 14px 80px;
text-transform: initial;
}
body#authentication section#main #content hr {
margin: 32px 0 16px;
}
body#authentication section#main #content .no-account a {
color: #110e0c;
font-size: 14px;
font-weight: 500;
font-family: "Inter", sans-serif;
}
body#authentication section#main #content .register-form > p {
display: none;
}
body#authentication section#main #content .register-form form .form-check {
display: flex;
flex-direction: row;
-moz-column-gap: 30px;
column-gap: 30px;
}
body#authentication section#main #content .register-form form .form-check label {
margin: 0;
display: flex;
align-items: center;
-moz-column-gap: 5px;
column-gap: 5px;
}
body#authentication section#main #content .register-form form .form-check label .custom-radio {
line-height: 1;
}
body#authentication section#main #content .register-form form footer.form-footer {
display: flex;
align-items: center;
justify-content: center;
margin: 30px 0 0 0;
}/*# sourceMappingURL=custom.css.map */ }/*# 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

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

@@ -984,6 +984,7 @@ body#checkout {
} }
} }
&.-current { &.-current {
opacity: 1 !important;
.step-title { .step-title {
color: #e79332; color: #e79332;
border-bottom: 1px solid #e79332; border-bottom: 1px solid #e79332;
@@ -1133,6 +1134,76 @@ body#checkout {
font-weight: 500; font-weight: 500;
margin-bottom: 4px; margin-bottom: 4px;
} }
textarea {
width: 100%;
max-width: 480px;
border: 1px solid #462d2624;
background: #462d261a;
border-radius: 1px;
resize: none;
margin-bottom: 30px;
}
}
}
button[type='submit'] {
color: #f9f7f2;
font-size: 14px;
font-family: $fInter;
font-weight: 500;
padding: 12px 80px;
background: #e79332;
text-transform: initial;
float: none !important;
}
#conditions-to-approve {
ul {
li {
.condition-label {
margin: 0;
line-height: 1;
label {
margin: 0;
line-height: 1;
}
}
}
}
}
.payment-options {
.js-additional-information {
margin: 0 0 20px 0;
padding: 24px;
border: 1px solid #462d2624;
p {
color: #110e0c;
font-size: 14px;
font-weight: 700;
font-family: $fInter;
}
dl {
border-left: 1px solid #462d2624;
border-right: 1px solid #462d2624;
border-top: 1px solid #462d2624;
dt {
border-right: 1px solid #462d2624;
}
dt,
dd {
color: #462d26;
font-size: 14px;
font-weight: 400;
font-family: $fInter;
background: transparent;
margin: 0;
flex: 0 0 50%;
border-bottom: 1px solid rgba(70, 45, 38, 0.1411764706);
}
}
} }
} }
} }
@@ -1285,6 +1356,79 @@ body#checkout {
} }
} }
body#order-confirmation {
.breadcrumb {
display: none;
}
#content-wrapper {
#main {
#registration-form {
display: none;
}
section {
&#content,
&#content-hook_payment_return,
&#content-hook-order-confirmation-footer {
display: none;
}
&#content-hook_order_confirmation {
margin-bottom: 150px;
margin-top: 50px;
background: transparent;
.card-title {
color: #462d26;
font-size: 24px;
font-weight: 700;
font-family: $fInter;
margin-bottom: 24px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
row-gap: 32px;
text-transform: initial;
}
p {
color: #1a1a18;
font-size: 16px;
font-weight: 400;
font-family: $fInter;
text-align: center;
max-width: 750px;
margin-left: auto;
margin-right: auto;
margin-bottom: 32px;
}
.elementor-button {
color: #f9f7f2;
font-size: 14px;
font-weight: 500;
font-family: $fInter;
padding: 18px 80px;
background: #e79332;
margin: 0 auto;
display: flex;
width: 100%;
max-width: fit-content;
}
}
}
}
}
footer#footer {
.footer-box-newsletter,
.footer-box-services,
.footer-box-other-info {
display: none;
}
}
}
footer#footer { footer#footer {
background-color: #f9f7f2; background-color: #f9f7f2;
} }
@@ -2147,3 +2291,110 @@ input[type='radio'] {
} }
} }
} }
body#authentication {
section#main {
.page-header {
margin-bottom: 32px;
h1 {
color: #462d26;
font-size: 24px;
font-weight: 700;
font-family: $fInter;
text-align: center;
margin-bottom: 0;
}
}
#content {
background: transparent;
max-width: 480px;
margin: 0 auto 150px;
form {
label {
color: #110e0c;
font-size: 12px;
font-weight: 500;
font-family: $fInter;
}
input[type='text'] {
border: 1px solid #462d2624;
background: #462d261a;
}
.btn-show-password-box {
width: fit-content;
position: absolute;
right: 0;
.btn-show-password {
background: transparent;
}
}
.forgot-password {
text-align: left;
a {
color: #110e0c;
font-size: 12px;
font-weight: 500;
font-family: $fInter;
text-decoration: underline;
}
}
button {
color: #f9f7f2;
background: #e79332;
padding: 14px 80px;
text-transform: initial;
}
}
hr {
margin: 32px 0 16px;
}
.no-account {
a {
color: #110e0c;
font-size: 14px;
font-weight: 500;
font-family: $fInter;
}
}
.register-form {
> p {
display: none;
}
form {
.form-check {
display: flex;
flex-direction: row;
column-gap: 30px;
label {
margin: 0;
display: flex;
align-items: center;
column-gap: 5px;
.custom-radio {
line-height: 1;
}
}
}
footer.form-footer {
display: flex;
align-items: center;
justify-content: center;
margin: 30px 0 0 0;
}
}
}
}
}
}

1
themes/classic/assets/css/theme.css
View File

@@ -8270,7 +8270,6 @@ body#checkout section.checkout-step:last-child {
body#checkout section.checkout-step.-current + .checkout-step .step-title { body#checkout section.checkout-step.-current + .checkout-step .step-title {
padding-top: 1.25rem; padding-top: 1.25rem;
border-top: 1px solid #ddd;
} }
body#checkout section.checkout-step.-complete:first-of-type .step-title { body#checkout section.checkout-step.-complete:first-of-type .step-title {

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

File diff suppressed because one or more lines are too long

2
themes/classic/assets/css/theme.scss
View File

@@ -8884,7 +8884,7 @@ body#checkout section.checkout-step .step-title {
body#checkout section.checkout-step.-current + .checkout-step .step-title { body#checkout section.checkout-step.-current + .checkout-step .step-title {
padding-top: 1.25rem; padding-top: 1.25rem;
border-top: 1px solid #ddd; // border-top: 1px solid #ddd;
} }
body#checkout section.checkout-step.-complete:first-of-type .step-title { body#checkout section.checkout-step.-complete:first-of-type .step-title {

2
themes/classic/templates/checkout/_partials/steps/payment.tpl
View File

@@ -107,7 +107,7 @@
value = "1" value = "1"
class = "ps-shown-by-js" class = "ps-shown-by-js"
> >
<span><i class="material-icons rtl-no-flip checkbox-checked">&#xE5CA;</i></span> {* <span><i class="material-icons rtl-no-flip checkbox-checked">&#xE5CA;</i></span> *}
</span> </span>
</div> </div>
<div class="condition-label"> <div class="condition-label">

2
themes/classic/templates/checkout/_partials/steps/shipping.tpl
View File

@@ -82,7 +82,7 @@
<div class="order-options"> <div class="order-options">
<div id="delivery"> <div id="delivery">
<label for="delivery_message">{l s='If you would like to add a comment about your order, please write it in the field below.' d='Shop.Theme.Checkout'}</label> <label for="delivery_message">{l s='If you would like to add a comment about your order, please write it in the field below.' d='Shop.Theme.Checkout'}</label>
<textarea rows="2" cols="120" id="delivery_message" name="delivery_message">{$delivery_message}</textarea> <textarea rows="5" cols="120" id="delivery_message" name="delivery_message">{$delivery_message}</textarea>
</div> </div>
{if $recyclablePackAllowed} {if $recyclablePackAllowed}

5
themes/classic/templates/checkout/order-confirmation.tpl
View File

@@ -8,7 +8,8 @@
{block name='order_confirmation_header'} {block name='order_confirmation_header'}
<h3 class="h1 card-title"> <h3 class="h1 card-title">
<i class="material-icons rtl-no-flip done">&#xE876;</i>{l s='Your order is confirmed' d='Shop.Theme.Checkout'} <img src="/img/cms/icons/Group 1238.svg" alt="">
{l s='Your order is confirmed' d='Shop.Theme.Checkout'}
</h3> </h3>
{/block} {/block}
@@ -27,6 +28,8 @@
{/if} {/if}
</p> </p>
<a href="/" class="elementor-button">Przejdź do strony głównej</a>
{block name='hook_order_confirmation'} {block name='hook_order_confirmation'}
{$HOOK_ORDER_CONFIRMATION nofilter} {$HOOK_ORDER_CONFIRMATION nofilter}
{/block} {/block}