How can I replace the price of sold out items with "sold out" on my collections page.

Solved
Highlighted
Tourist
8 0 1

I want to replace the price of a sold out item with "SOLD OUT" on my main store page. I dont wanna do this to the product page, just the main collections page. Any help? 

Site: reticentofficial.com 

0 Likes
Highlighted
Shopify Partner
674 110 152

Hello @dgonz,  please explain your problem. Provided details do not show a clear picture of the problem. Explain your problem with reference pictures.

0 Likes
Highlighted
Tourist
8 0 1

InkedReticent – Reticent - Google Chrome 10_24_2020 12_31_54 PM_LI.jpg  

 

I want to hide the price of sold out products and only show the sold out badge. But I only want to do this on the main collection pages like the one here. Not on the product pages. 

@Wahab_Ahmad 

0 Likes
Highlighted
Shopify Partner
85 26 24

This is an accepted solution.

Hi @dgonz ,

You can add below CSS in the theme.scss file of the theme.

.price--sold-out .price__regular {
    display: none;
}


To edit the theme.scss, go to Online store -> Themes > Edit code > Search (theme.scss).

Please accept this solution if this works for you.

 

Thanks,

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire us.
Feel free to Contact me for shopify help on support@prezentech.com
Shopify Design Changes | Shopify Custom Theme Design and Development | Shopify App Development
Highlighted
Tourist
8 0 1

@Prezentech 

Thank you that worked, but now on the product page, the price is gone, anyway I can get that back?

0 Likes
Highlighted
Shopify Partner
85 26 24

This is an accepted solution.

As there is no different class in both the pages so it is taking common CSS but you can solve by adding one more CSS

.product-template__container .price--sold-out .price__regular {
    display: block;
}
If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire us.
Feel free to Contact me for shopify help on support@prezentech.com
Shopify Design Changes | Shopify Custom Theme Design and Development | Shopify App Development
Highlighted
Tourist
8 0 1

Thank you so much, it worked! @Wahab_Ahmad 

0 Likes