Hi there
I am looking to remove the price from the Woocommerce product page.
But still, have the price display elsewhere, for example, I still want the price displaying on the shop (overview page) as well as in the checkout etc.
Is there a way to just have the price hidden on the product page.
Thanks in advance
Hey ste_thumbs,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#top.single-product .single-product-summary p.price {
display: none !important;
}
Best regards,
Mike
Thank you for getting back to me on this.
Can I ask how the price can be hidden on the product page only when using the advanced layout editor for woocommerce products ( when using the element “Product Purchase Button”)
Thank in advance
Hi,
This may require a bit of JavaScript. Please provide a link to the site/page in question so we can look into this issue further.
Best regards,
Jordan Shannon
Hi ste_thumbs,
https://cl.ly/5912a07cc50d/ Do you mean you want to hide this?
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top.single.single-product .woocommerce-Price-amount.amount {
display: none;
}
If you need further assistance please let us know.
Best regards,
Victoria