as i posted yesterday but did not get a solution from anyone, on my product page of products that are not on sale, so the products that do not have a comparison price, display a 2 prices (see picture below). the green one needs to be deleted but i do not know how this can be done. can someone help me solve this problem? My store url is: https://facce-amsterdam.nl/products/gavi?variant=49437155983686
Topic summary
A user is experiencing an issue where products without a sale price (no comparison price) are displaying two prices on their product page. The unwanted price appears in green and needs to be removed.
Proposed Solutions:
- One respondent suggested using custom code to hide the element, recommending a conditional check: if no compare-at price is available, set the element’s visibility to false. They offered to help via direct message if coding assistance is needed.
- Another user provided a CSS solution: add specific CSS code to the Base.css file to hide the regular price element using
display: none !important.
Current Status:
The original poster has sent a direct message to one of the helpers for further assistance. The discussion remains open as implementation and resolution have not been confirmed.
You can see the element that you need to hide using code. On your product page you need to add a check that if compare at price is not available then visibility of this element should be false. DM me if you need help with coding it.
1 Like
thanks for the reply, i sent you a dm.
Add This css in your edit code > Base.css File
.price__regular {
display: none !important;
}