Display of Product Price

Hi, question is attached in screenshot..

Thank you.

Attachments:

You must be logged in to view attached files.

Hi,

We can give you a CSS code to hide one of these prices but you can’t move them. Which one do you want to hide?

Regards

Hi Artem,

Hiding one is ok, but the one that remains needs to show the updated price depending on the variation attribute chosen for the product. Is this workable?

I wish to keep the price that is above (in the screenshot).

By Default, it just shows a range “$8.00 – $15.00”
Once i choose the attribute variation, the price will update accordingly to eg. “$15.00”.

Thank you.

Attachments:

You must be logged in to view attached files.

Only the bottom price is changed when you select the variation. So you can hide the top one only.

Is it possible then to keep the top one by default, and change to show the variation price when selection is being done?
Meaning,
1) By default, show top price range
2) Select product options
3) Top price disappears and replaced by variation price (Bottom price shifted to the top, just below product title)

Its quite important and hope this can be done.

Thanks

Sorry, but there is no such option in WooCommerce and we don’t have an instruction for this customization.

Ok, can you provide the code to remove the bottom price please? Thank you.

Hello,

In order to hide the bottom (right price) add this code to the Theme Settings > Custom CSS:

body .product-grid-item .price,
body .single-product-page .summary-inner > .price {
font-size: 0;
}

body .product-grid-item .price del,
body .single-product-page .summary-inner > .price del {
        margin-right: 3px;
}

body .product-grid-item .price span:first-child {
        font-size: 14px;
}

.single-product-page .summary-inner > .price span:first-child {
        font-size: 22px;
}

Best Regards

[Author]

Posts