Add cart footer layout and update Sass settings for improved styling

This commit is contained in:
2025-01-19 14:16:33 +01:00
parent e2a5d10578
commit 142d1c482f
5 changed files with 33 additions and 2364 deletions

17
.vscode/settings.json vendored
View File

@@ -1,3 +1,18 @@
{
"liveSassCompile.settings.formats": [
{
"format": "compressed",
"extensionName": ".css",
"savePath": "",
"savePathSegmentKeys": null,
"savePathReplaceSegmentsWith": null
}
],
"liveSassCompile.settings.generateMap": true,
"liveSassCompile.settings.autoprefix": "defaults",
"liveSassCompile.settings.watchOnLaunch": true,
"liveSassCompile.settings.includeItems": [
"/themes/classic/assets/css/custom.scss"
],
"git.ignoreLimitWarning": true
}
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -3171,4 +3171,14 @@ body#authentication {
}
}
}
}
.cart-grid-footer {
display: flex;
align-items: center;
gap: 20px;
img {
height: 30px;
}
}

View File

@@ -54,11 +54,12 @@
<i class="material-icons">chevron_left</i>{l s='Continue shopping' d='Shop.Theme.Actions'}
</a>
{/block} *}
<div class="cart-grid-footer">
{block name='hook_shopping_cart_footer'}
{hook h='displayShoppingCartFooter'}
{/block}
<!-- shipping informations -->
{block name='hook_shopping_cart_footer'}
{hook h='displayShoppingCartFooter'}
{/block}
</div>
</div>
<!-- Right Block: cart subtotal & cart total -->