Shopify themes, liquid, logos, and UX
Hi,
How can I hide the prices of the products that are NOT available on my online shop (sold out/coming soon)?
I managed to hide the price on the actual product page, but the online store still shows $0 as the price.
I'm using the DAWN theme and the webpage is iconfit.com.au
I really appreciate any help you can provide.
Solved! Go to the solution
This is an accepted solution.
Hi @Gerlikask,
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file -> Save
.card-wrapper:has(.badge.badge--bottom-left.color-inverse) .price__regular{
display:none !important
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
This is an accepted solution.
Hi @Gerlikask,
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file -> Save
.card-wrapper:has(.badge.badge--bottom-left.color-inverse) .price__regular{
display:none !important
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
Hi Victor,
Thank you so much, it worked!
Hello. How did you managed to create a “coming soon” badge? Is that only for out of stock items?
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025