New Shopify Certification now available: Liquid Storefronts for Theme Developers

Hide Price for Sold Out products on product level Empire Theme

Solved
AdamCPT
Tourist
8 0 4

Hi there, I am using Empire Theme and wanting to hide product prices for Individual products that are sold out. 

 

I managed to hide them in the grid view , but not on individual pages ( See Pics)

Our site is www.toolcraft.co.za

 

Any help on how to hide these would be greatly appreciated.

AdamCPT_0-1696597154203.png

Grid view as above is fine. But product page as below we need help with:

 

AdamCPT_1-1696597251179.png

 

 

 

Accepted Solution (1)
JaviExpress
Shopify Partner
107 14 20

This is an accepted solution.

Perhaps just a CSS fix works:

 

.product__badge--soldout + .product__price {
  display: none;
}
Customer Accounts Concierge
Turn the account page into a beautiful and multifunctional customer portal. Integrate contents, tools, and CRM features from other apps to drive a longer, richer and more personalized customer experience: Profile, Order History, Loyalty, Wishlist, Social Login, Customer Forms.

View solution in original post

Replies 2 (2)
JaviExpress
Shopify Partner
107 14 20

This is an accepted solution.

Perhaps just a CSS fix works:

 

.product__badge--soldout + .product__price {
  display: none;
}
Customer Accounts Concierge
Turn the account page into a beautiful and multifunctional customer portal. Integrate contents, tools, and CRM features from other apps to drive a longer, richer and more personalized customer experience: Profile, Order History, Loyalty, Wishlist, Social Login, Customer Forms.
AdamCPT
Tourist
8 0 4

Thank you so much, it worked perfectly!