How to Hide Out-of-Stock Variants in Size Filters Without Using Expensive Apps

How to Hide Out-of-Stock Variants in Size Filters Without Using Expensive Apps

brekila
Shopify Partner
19 0 2

Hello, I have a store with sizes like S, M, L, and XL. I set up filters using the Search & Discovery app, and the filters are displayed correctly. However, I have a problem hiding out-of-stock sizes. When I select size S, I don't want products without size S in stock to be displayed. Conversely, when I switch to size L, I want it to show products that have size L in stock. I've tried everything from the forums, but I couldn't find a solution. Is there a way to implement this in the code without using expensive apps?

Replies 5 (5)

TerenceKEANE
Shopify Partner
512 86 80

Hi,

 

Are you selling products with pre-orders? Can you send an example website? With a custom solution, we can implement what you need.

 

Terence

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
brekila
Shopify Partner
19 0 2

Sorry I if not good for you but this is a very private shop and if you can help me to add something in code or edit something I will relay appreciate it.
If not no problem but please understand me.

This is more of a private project, and it's not because of me, but I'm not allowed to share it. If remote assistance is possible, I would be grateful. I would share it easier with you, but if something can be changed in the code or similar, I am here to implement it. I really need to resolve this.

 
TerenceKEANE
Shopify Partner
512 86 80

I understand. No problem at all. I guess that's your way of working.

 

I'm here to help with small things. Without seeing your website, I can't say anything about what you want. It's not possible for me to connect remotely. Typically, you need to provide your website link to get help here. We do offer 'premium support' on platforms like Shopify, but still, we need to see the website. There are thousands of codes on your website, and coding needs to be done based on them.

 

If there's a software company where you are, it's best to consult them. If you don't know how to code, it's normal to struggle with many things.

 

Terence.

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
brekila
Shopify Partner
19 0 2

For example like here

https://stopa.rs/collections/muske-patike?filter.v.option.size=37&filter.v.price.gte=&filter.v.price...

I choose 37 number and still see 

brekila_0-1717062437578.png



37 out of stock can you check this code?

TerenceKEANE
Shopify Partner
512 86 80

On the website you sent, all variations are hidden on the collection page. For example, if a product has 10 variations and one is out of stock, we could handle this with JS if we could see all the variations on the collection page. Typically, themes have this feature. If yours doesn't, the cost will be higher. Here is an example. I hope I've explained it clearly.

 

 

TerenceKEANE_0-1717068804010.png

 

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites