NO BUG: Text decoration in {woo_product_sale_price} Does not exist

Bugs
1

Browser: Chrome 115
OS: Windows

Hi,

When we add {woo_product_sale_price}, there is no text decoration for it. Is this a bug, or do we have to manually add it from the typography settings?

Screenshot

2

Hey @jolia,

thanks for your report.

The dynamic tag just fetches the value. You’re responsible for the styling.

By the way: Paying 800 bucks instead of 550 for a product on sale is a pretty bad deal… :wink:

Best,

André

3

True, but I do not sell products on try.bricksbuilder.io. This was just a test.

So one question. When I display the price using {woo product_price}, there is a text decoration for the sale price. But this is not the case in {woo product regular_price} and {woo product sale_price}. Is there a problem here? In this case, how can I add text decoration? Thanks in advance for the help.

4

Hi Jolia,

If you need the full price HTML structure by WooCommerce, just use the Product Price element or {woo_product_price}

{woo_product_regular_price} and {woo_product_sale_price} allow Bricks users to output the data in desired places with ability to customize them. Hence, the line-through text decoration will not be included.

image
image840×234 21.3 KB

You can add text-decoration: line-through to target your element’s span.woocommerce-Price-amount to get the effect.

For example, if you are using it in a Basic Text element, just place this in the Custom CSS section of the element:

root span.woocommerce-Price-amount {
 text-decoration: line-through;
}

Regards,
Jenn

1 Like