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-27 10:02:47 +01:00
parent 22bf30902e
commit 334dcd8468
4 changed files with 64 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -806,6 +806,11 @@ body#checkout #content-wrapper .cart-grid-body .checkout-step .delivery-options
border-radius: 1px; border-radius: 1px;
-moz-column-gap: 16px; -moz-column-gap: 16px;
column-gap: 16px; column-gap: 16px;
min-height: initial;
background: transparent;
}
body#checkout #content-wrapper .cart-grid-body .checkout-step .delivery-options .delivery-option:not(:last-child) {
margin-bottom: 16px;
} }
body#checkout #content-wrapper .cart-grid-body .checkout-step .delivery-options .delivery-option .delivery-option-checkbox { body#checkout #content-wrapper .cart-grid-body .checkout-step .delivery-options .delivery-option .delivery-option-checkbox {
width: -moz-fit-content; width: -moz-fit-content;
@@ -814,6 +819,23 @@ body#checkout #content-wrapper .cart-grid-body .checkout-step .delivery-options
} }
body#checkout #content-wrapper .cart-grid-body .checkout-step .delivery-options .delivery-option .delivery-option-2 { body#checkout #content-wrapper .cart-grid-body .checkout-step .delivery-options .delivery-option .delivery-option-2 {
flex: 1; flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
body#checkout #content-wrapper .cart-grid-body .checkout-step .delivery-options .delivery-option .delivery-option-2 .carrier-price {
color: #110e0c;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 700;
}
body#checkout #content-wrapper .cart-grid-body .checkout-step .order-options #delivery label {
color: #110e0c;
font-size: 12px;
font-family: "Inter", sans-serif;
font-weight: 500;
margin-bottom: 4px;
} }
body#checkout #content-wrapper #js-checkout-summary { body#checkout #content-wrapper #js-checkout-summary {
background: transparent; background: transparent;

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

File diff suppressed because one or more lines are too long

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

@@ -1097,6 +1097,12 @@ body#checkout {
border: 1px solid #462d2624; border: 1px solid #462d2624;
border-radius: 1px; border-radius: 1px;
column-gap: 16px; column-gap: 16px;
min-height: initial;
background: transparent;
&:not(:last-child) {
margin-bottom: 16px;
}
.delivery-option-checkbox { .delivery-option-checkbox {
width: fit-content; width: fit-content;
@@ -1104,6 +1110,28 @@ body#checkout {
} }
.delivery-option-2 { .delivery-option-2 {
flex: 1; flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
.carrier-price {
color: #110e0c;
font-family: $fInter;
font-size: 14px;
font-weight: 700;
}
}
}
}
.order-options {
#delivery {
label {
color: #110e0c;
font-size: 12px;
font-family: $fInter;
font-weight: 500;
margin-bottom: 4px;
} }
} }
} }

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

@@ -49,26 +49,27 @@
</span> </span>
</div> </div>
<label for="delivery_option_{$carrier.id}" class="delivery-option-2"> <label for="delivery_option_{$carrier.id}" class="delivery-option-2">
<div class="row"> {* <div class="row"> *}
<div class="col-sm-5 col-xs-12"> {* <div class="col-sm-4 col-xs-12"> *}
<div class="row carrier{if $carrier.logo} carrier-hasLogo{/if}"> <div class="carrier{if $carrier.logo} carrier-hasLogo{/if}">
{if $carrier.logo} {* {if $carrier.logo}
<div class="carrier-logo"> <div class="carrier-logo">
<img src="{$carrier.logo}" alt="{$carrier.name}" loading="lazy" /> <img src="{$carrier.logo}" alt="{$carrier.name}" loading="lazy" />
</div> </div>
{/if} {/if} *}
<div class="carriere-name-container{if $carrier.logo} col-md-8{/if}"> {* <div class="carriere-name-container{if $carrier.logo} col-md-8{/if}"> *}
<div class="carriere-name-container">
<span class="h6 carrier-name">{$carrier.name}</span> <span class="h6 carrier-name">{$carrier.name}</span>
</div> </div>
</div> </div>
</div> {* </div> *}
<div class="col-sm-4 col-xs-12"> {* <div class="col-sm-4 col-xs-12">
<span class="carrier-delay">{$carrier.delay}</span> <span class="carrier-delay">{$carrier.delay}</span>
</div> </div> *}
<div class="col-sm-3 col-xs-12"> {* <div class="col-sm-4 col-xs-12"> *}
<span class="carrier-price">{$carrier.price}</span> <span class="carrier-price">{$carrier.price}</span>
</div> {* </div> *}
</div> {* </div> *}
</label> </label>
</div> </div>
<div class="row carrier-extra-content js-carrier-extra-content"{if $delivery_option != $carrier_id} style="display:none;"{/if}> <div class="row carrier-extra-content js-carrier-extra-content"{if $delivery_option != $carrier_id} style="display:none;"{/if}>