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?
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025