Enhance product price display and styling

- Added `flex-wrap: wrap;` to the product display container in custom.scss for better layout management.
- Introduced a new CSS class `.gm_omniprice` to ensure price elements are displayed as block and take full width.
- Moved the hook `{hook h='displayProductPriceBlock' product=$product type="after_price"}` to the product-prices template for improved modularity and flexibility in price display.
- Removed the redundant hook call from the product template to maintain a clean structure.
This commit is contained in:
2025-10-29 00:31:19 +01:00
parent daf1c60209
commit 0560f9815a
5 changed files with 9 additions and 3 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -469,6 +469,7 @@ body#product {
display: flex;
align-items: flex-end;
gap: 10px;
flex-wrap: wrap;
.product-discount {
margin-bottom: 0px;
@@ -4400,4 +4401,9 @@ body.ce-kit-1 {
a {
color: #000 !important;
}
}
.gm_omniprice {
display: block;
width: 100%;
}

View File

@@ -64,6 +64,7 @@
<span class="regular-price">{$product.regular_price}</span>
</div>
{/if}
{hook h='displayProductPriceBlock' product=$product type="after_price"}
{/block}
{block name='product_without_taxes'}

View File

@@ -84,7 +84,6 @@
{/block}
{block name='product_prices'}
{include file='catalog/_partials/product-prices.tpl'}
{hook h='displayProductPriceBlock' product=$product type="after_price"}
{/block}
<div class="product-information">