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:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -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%;
|
||||
}
|
||||
@@ -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'}
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user