Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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?