diff --git a/src/scss/custom/pages/product/_product.scss b/src/scss/custom/pages/product/_product.scss index 1b0bc9e47..7b720830a 100644 --- a/src/scss/custom/pages/product/_product.scss +++ b/src/scss/custom/pages/product/_product.scss @@ -46,9 +46,13 @@ margin-bottom: 1.5rem; } + &__tax-info { + font-size: 0.875rem; + color: var(--bs-gray-600); + } + &__tax-label { - margin-bottom: 1.5rem; - color: var(--bs-gray-700); + white-space: nowrap; } &__prices { @@ -56,18 +60,29 @@ } &__current-price { - font-weight: 700; + font-size: 1.5rem; + font-weight: 600; + line-height: 2rem; + } + + &__unit-price { + font-size: 0.875rem; + color: var(--bs-gray-600); } &__discount { - margin-left: 0.5rem; - color: var(--bs-gray-700); + font-size: 1rem; + color: var(--bs-gray-600); } &__price-regular { text-decoration: line-through; } + &__pack-price { + font-size: 1rem; + } + &__variants { .variant { margin-bottom: 1.5rem; diff --git a/templates/catalog/_partials/product-discounts.tpl b/templates/catalog/_partials/product-discounts.tpl index 0ccde1942..a1a7d6357 100644 --- a/templates/catalog/_partials/product-discounts.tpl +++ b/templates/catalog/_partials/product-discounts.tpl @@ -4,30 +4,26 @@ *}
{if $product.quantity_discounts} -

{l s='Volume discounts' d='Shop.Theme.Catalog'}

- {block name='product_discount_table'} -
- - +
+ - - - + + + - + - + {foreach from=$product.quantity_discounts item='quantity_discount' name='quantity_discounts'} - - - + + + {/foreach} - -
{l s='Quantity' d='Shop.Theme.Catalog'}{$configuration.quantity_discount.label}{l s='You Save' d='Shop.Theme.Catalog'}{l s='Quantity' d='Shop.Theme.Catalog'}{$configuration.quantity_discount.label}{l s='You Save' d='Shop.Theme.Catalog'}
{$quantity_discount.quantity}{$quantity_discount.discount}{$quantity_discount.save}{$quantity_discount.quantity}{$quantity_discount.discount}{$quantity_discount.save}
-
+ + {/block} {/if}
diff --git a/templates/catalog/_partials/product-prices.tpl b/templates/catalog/_partials/product-prices.tpl index 99022c186..51603a19e 100644 --- a/templates/catalog/_partials/product-prices.tpl +++ b/templates/catalog/_partials/product-prices.tpl @@ -5,17 +5,7 @@ {if $product.show_price}
{block name='product_price'} -
-
- {capture name='custom_price'}{hook h='displayProductPriceBlock' product=$product type='custom_price' hook_origin='product_sheet'}{/capture} - - {if '' !== $smarty.capture.custom_price} - {$smarty.capture.custom_price nofilter} - {else} - {$product.price} - {/if} -
- +
{if $product.has_discount}
{hook h='displayProductPriceBlock' product=$product type="old_price"} @@ -33,51 +23,69 @@ {/if}
{/if} -
- {/block} + +
+
+ {capture name='custom_price'}{hook h='displayProductPriceBlock' product=$product type='custom_price' hook_origin='product_sheet'}{/capture} + {if '' !== $smarty.capture.custom_price} + {$smarty.capture.custom_price nofilter} + {else} + {$product.price} + {/if} +
- {** OTHER PRICES TO STLYE LATER *} - {block name='product_unit_price'} - {if $displayUnitPrice} -

{l s='(%unit_price%)' d='Shop.Theme.Catalog' sprintf=['%unit_price%' => $product.unit_price_full]}

- {/if} - {/block} + {block name='product_unit_price'} + {if $displayUnitPrice} +
+ {l s='(%unit_price%)' d='Shop.Theme.Catalog' sprintf=['%unit_price%' => $product.unit_price_full]} +
+ {/if} + {/block} +
- {block name='product_without_taxes'} - {if $priceDisplay == 2} -

{l s='%price% tax excl.' d='Shop.Theme.Catalog' sprintf=['%price%' => $product.price_tax_exc]}

- {/if} - {/block} + {block name='product_pack_price'} + {if $displayPackPrice} +
+ {l s='Instead of %price%' d='Shop.Theme.Catalog' sprintf=['%price%' => $noPackPrice]} +
+ {/if} + {/block} - {block name='product_pack_price'} - {if $displayPackPrice} -

{l s='Instead of %price%' d='Shop.Theme.Catalog' sprintf=['%price%' => $noPackPrice]}

- {/if} - {/block} +
+
+ {if !$configuration.taxes_enabled} + {l s='No tax' d='Shop.Theme.Catalog'} + {elseif $configuration.display_taxes_label} + {$product.labels.tax_long} + {/if} + + {hook h='displayProductPriceBlock' product=$product type="price"} + {hook h='displayProductPriceBlock' product=$product type="after_price"} +
+ + {* Separator *} + {if $configuration.display_taxes_label && $product.ecotax.amount > 0} - {/if} + + {block name='product_ecotax'} + {if $product.ecotax.amount> 0} +
+ {l s='Including %amount% for ecotax' d='Shop.Theme.Catalog' sprintf=['%amount%' => $product.ecotax.value]} + {if $product.has_discount} + {l s='(not impacted by the discount)' d='Shop.Theme.Catalog'} + {/if} +
+ {/if} + {/block} +
- {block name='product_ecotax'} - {if $product.ecotax.amount> 0} -

{l s='Including %amount% for ecotax' d='Shop.Theme.Catalog' sprintf=['%amount%' => $product.ecotax.value]} - {if $product.has_discount} - {l s='(not impacted by the discount)' d='Shop.Theme.Catalog'} + {block name='product_without_taxes'} + {if $priceDisplay == 2} +

{l s='%price% tax excl.' d='Shop.Theme.Catalog' sprintf=['%price%' => $product.price_tax_exc]}

{/if} -

- {/if} + {/block} +
{/block} - {** OTHER PRICES TO STLYE LATER *} {hook h='displayProductPriceBlock' product=$product type="weight" hook_origin='product_sheet'} - -
- {if !$configuration.taxes_enabled} - {l s='No tax' d='Shop.Theme.Catalog'} - {elseif $configuration.display_taxes_label} - {$product.labels.tax_long} - {/if} - - {hook h='displayProductPriceBlock' product=$product type="price"} - - {hook h='displayProductPriceBlock' product=$product type="after_price"} -
{/if}