This commit is contained in:
Roman Pyrih
2024-11-26 10:35:23 +01:00
parent 1a56dbea66
commit 1994d995d8
7 changed files with 107 additions and 25 deletions

View File

@@ -725,7 +725,7 @@ body#checkout #content-wrapper #js-checkout-summary .js-checkout-summary-box > .
padding: 24px 24px 0 24px;
}
body#checkout #content-wrapper #js-checkout-summary .js-checkout-summary-box .cart-summary-totals {
padding: 0 24px 24px 24px;
padding: 16px 24px 24px 24px;
}
body#checkout #content-wrapper #js-checkout-summary .js-checkout-summary-box .cart-summary-totals .cart-total {
line-height: 1;
@@ -737,6 +737,14 @@ body#checkout #content-wrapper #js-checkout-summary .js-checkout-summary-box .ca
font-weight: 700;
font-family: "Inter", sans-serif;
}
body#checkout #content-wrapper #js-checkout-summary .js-checkout-summary-box #cart-summary-product-list .media-list {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid rgba(70, 45, 38, 0.3);
}
body#checkout #content-wrapper #js-checkout-summary .js-checkout-summary-box #cart-summary-product-list .media-list .media:not(:last-child) {
margin-bottom: 24px;
}
body#checkout #content-wrapper #js-checkout-summary .js-checkout-summary-box #cart-summary-product-list .media-list .media .media-left img {
width: 40px;
}
@@ -745,6 +753,11 @@ body#checkout #content-wrapper #js-checkout-summary .js-checkout-summary-box #ca
font-size: 14px;
font-weight: 400;
font-family: "Inter", sans-serif;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 260px;
}
body#checkout #content-wrapper #js-checkout-summary .cart-summary-products .h4 {
font-size: 16px;
@@ -753,18 +766,42 @@ body#checkout #content-wrapper #js-checkout-summary .cart-summary-products .h4 {
margin-bottom: 24px;
text-transform: uppercase;
}
body#checkout #content-wrapper #js-checkout-summary .cart-summary-products .media-list .media .media-left {
padding-right: 16px;
}
body#checkout #content-wrapper #js-checkout-summary .cart-summary-products .media-list .media .media-body .product-name {
line-height: 1;
margin-bottom: 2px;
display: block;
}
body#checkout #content-wrapper #js-checkout-summary .cart-summary-products .media-list .media .media-body .product-name a {
color: #111516;
font-weight: 600;
}
body#checkout #content-wrapper #js-checkout-summary .cart-summary-products .media-list .media .media-body .product-specification .product-line-info {
line-height: 1;
margin-bottom: 2px;
}
body#checkout #content-wrapper #js-checkout-summary .cart-summary-products .media-list .media .media-body .product-specification .product-line-info span {
color: rgba(70, 45, 38, 0.8509803922);
font-size: 12px;
font-family: "Inter", sans-serif;
font-weight: 400;
}
body#checkout #content-wrapper #js-checkout-summary .cart-summary-products .media-list .media .media-body .product-specification .product-quantity {
color: rgba(70, 45, 38, 0.8509803922);
font-size: 12px;
font-family: "Inter", sans-serif;
font-weight: 400;
line-height: 1;
}
body#checkout #content-wrapper #js-checkout-summary .cart-summary-products .media-list .media .media-body .product-price {
color: #111516;
font-weight: 600;
}
body#checkout #content-wrapper #js-checkout-summary .cart-summary-subtotals-container {
padding: 24px 0 0 0;
border-bottom: none;
border-color: rgba(70, 45, 38, 0.3);
padding: 0;
border: none;
}
body#checkout #content-wrapper #js-checkout-summary .cart-summary-subtotals-container .cart-summary-line {
line-height: 1;
@@ -780,6 +817,10 @@ body#checkout #content-wrapper .delivery-options .delivery-option {
border: none;
}
footer#footer {
background-color: #f9f7f2;
}
.category-tiles-list {
display: grid;
grid-template-columns: repeat(6, 1fr);

File diff suppressed because one or more lines are too long

View File

@@ -1008,7 +1008,7 @@ body#checkout {
}
.cart-summary-totals {
padding: 0 24px 24px 24px;
padding: 16px 24px 24px 24px;
.cart-total {
line-height: 1;
@@ -1025,7 +1025,14 @@ body#checkout {
#cart-summary-product-list {
.media-list {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid rgb(70, 45, 38, 0.3);
.media {
&:not(:last-child) {
margin-bottom: 24px;
}
.media-left {
img {
width: 40px;
@@ -1038,6 +1045,12 @@ body#checkout {
font-size: 14px;
font-weight: 400;
font-family: $fInter;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 260px;
}
}
}
@@ -1058,16 +1071,43 @@ body#checkout {
.media-list {
.media {
.media-left {
padding-right: 16px;
}
.media-body {
.product-name {
line-height: 1;
margin-bottom: 2px;
display: block;
a {
color: $cBlack;
font-weight: 600;
}
}
.product-specification {
.product-line-info {
line-height: 1;
margin-bottom: 2px;
span {
color: #462d26d9;
font-size: 12px;
font-family: $fInter;
font-weight: 400;
}
}
.product-quantity {
color: #462d26d9;
font-size: 12px;
font-family: $fInter;
font-weight: 400;
line-height: 1;
}
}
.product-price {
color: $cBlack;
font-weight: 600;
@@ -1078,9 +1118,8 @@ body#checkout {
}
.cart-summary-subtotals-container {
padding: 24px 0 0 0;
border-bottom: none;
border-color: rgba(#462d26, 0.3);
padding: 0;
border: none;
.cart-summary-line {
line-height: 1;
@@ -1104,9 +1143,9 @@ body#checkout {
}
}
// footer#footer {
// background-color: #111516 !important;
// }
footer#footer {
background-color: #f9f7f2;
}
.category-tiles-list {
display: grid;

View File

@@ -8774,7 +8774,6 @@ body#checkout #delivery textarea {
body#checkout #footer {
padding: 0.9375rem;
color: #7a7a7a;
background: #fff;
}
body#checkout #delivery > label {

File diff suppressed because one or more lines are too long

View File

@@ -9386,7 +9386,7 @@ body#checkout #delivery textarea {
body#checkout #footer {
padding: 0.9375rem;
color: #7a7a7a;
background: #fff;
// background: #fff;
}
body#checkout #delivery > label {

View File

@@ -36,15 +36,18 @@
<span class="product-name">
<a href="{$product.url}" target="_blank" rel="noopener noreferrer nofollow">{$product.name}</a>
</span>
<span class="product-quantity">x{$product.quantity}</span>
<span class="product-price float-xs-right">{$product.price}</span>
{hook h='displayProductPriceBlock' product=$product type="unit_price"}
{foreach from=$product.attributes key="attribute" item="value"}
<div class="product-line-info product-line-info-secondary text-muted">
<span class="label">{$attribute}:</span>
<span class="value">{$value}</span>
</div>
{/foreach}
<br/>
<div class="product-specification">
{* <span class="product-price float-xs-right">{$product.price}</span>
{hook h='displayProductPriceBlock' product=$product type="unit_price"} *}
{foreach from=$product.attributes key="attribute" item="value"}
<div class="product-line-info product-line-info-secondary text-muted">
<span class="label">{$attribute}:</span>
<span class="value">{$value}</span>
</div>
{/foreach}
<span class="product-quantity">Ilość: {$product.quantity}</span>
</div>
{* <br/> *}
</div>
{/block}