Solved

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

dgonz
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 

Accepted Solutions (2)
Prezentech
Shopify Partner
389 76 98

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

View solution in original post

Prezentech
Shopify Partner
389 76 98

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

View solution in original post

Replies 7 (7)

Wahab_Ahmad
Shopify Partner
773 114 199

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Chat on WhatsApp .
Feel free to contact me Email : wahabahmadghori@gmail.com |
Buy Me A Coffee
dgonz
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 

Prezentech
Shopify Partner
389 76 98

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
dgonz
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?

Prezentech
Shopify Partner
389 76 98

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
dgonz
Tourist
8 0 1

Thank you so much, it worked! @Wahab_Ahmad 

juliantiscione
Tourist
11 0 1

how did you add that sold out box in the first place?