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;
|
display: flex;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
.product-discount {
|
.product-discount {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
@@ -4400,4 +4401,9 @@ body.ce-kit-1 {
|
|||||||
a {
|
a {
|
||||||
color: #000 !important;
|
color: #000 !important;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.gm_omniprice {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
@@ -64,6 +64,7 @@
|
|||||||
<span class="regular-price">{$product.regular_price}</span>
|
<span class="regular-price">{$product.regular_price}</span>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
{hook h='displayProductPriceBlock' product=$product type="after_price"}
|
||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
{block name='product_without_taxes'}
|
{block name='product_without_taxes'}
|
||||||
|
|||||||
@@ -84,7 +84,6 @@
|
|||||||
{/block}
|
{/block}
|
||||||
{block name='product_prices'}
|
{block name='product_prices'}
|
||||||
{include file='catalog/_partials/product-prices.tpl'}
|
{include file='catalog/_partials/product-prices.tpl'}
|
||||||
{hook h='displayProductPriceBlock' product=$product type="after_price"}
|
|
||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
<div class="product-information">
|
<div class="product-information">
|
||||||
|
|||||||
Reference in New Issue
Block a user