How to show inventory on the collection page

Andr1989
Excursionist
17 0 2

Hi, 

Is there a way to get the Inventory status/stock on the collection page so my customer dont have to klick in on every products to see if the product is on stock or not ? 

Replies 8 (8)

sahilsharma9515
Shopify Partner
976 122 185

Hi @Andr1989 Yes this can be possible to show inventory, also if the product is out of stock then there is a option in shopify that it automatically change the "Add to cart" button to "Sold Out" and if you want to enable the Pre order then you can do it as well from shopify itself.

 

Also you need to add the custom lines of code to achieve this, Can you please provide your store URL so that I can look into this to provide you better guidance.

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


Andr1989
Excursionist
17 0 2

My page is just new and its under building so there is not much. Do you have a guide or can help me out please massage me

Andr1989
Excursionist
17 0 2

Hi, Have send you a pm

sahilsharma9515
Shopify Partner
976 122 185

Hi @Andr1989 Thanks for providing the URL, I have looked into your store, as I have mentioned you in my previous message it needs custom coding to achieve this and every theme use to have different code based on their code, so I can't specifically guide you but I can provide you the overview.

 

You need to add the variable in your collection.liquid file inside the form that will add the inventory number in your collection page.

 

This is the approach that you need to follow.

 

If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


PageFly-Theodor
Globetrotter
576 75 88

Hi @Andr1989 ,
This is Theodore from PageFly - Shopify Page Builder App.

One way to indicate inventory status or stock levels on a Shopify product collection page is to use the default Inventory Status app in Shopify Plus. This can toggle simple "in stock" or "out of stock" indicators next to each product. For more complexity and control, add a 3rd party app like Stock | Inventory Indicator, which shows numerical inventory counts, thresholds, and statuses on collection pages. For the most customization, can directly edit the collection.liquid template and display dynamic inventory quantity, levels, or messaging using Liquid conditionals and product variant tags. So overall, Shopify has built-in tools, custom apps, and developer template editing options that provide various ways to display inventory data on product collections so that customers don't have to click into every product to check individual stock levels.

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Andr1989
Excursionist
17 0 2

@PageFly-Theodor I have been serching for it all day and have try to find a fix for this but i really cant fint it 😞 So if you have a guide or can help me get this done please do 🙂 

Andr1989
Excursionist
17 0 2

Hi 🙂 

I have been trying for days now and google to find a way to do this but i can only find old ones 😞 

PaulNewton
Shopify Partner
6339 579 1343

This is unique per theme and possibly per version.

If you have a commonly used theme research the forums, and google.

Different keywords: display show availability in-stock in stock out of stock label badge

 

An alternative of course is in the first place do not show out-of-stock products in collections at all.

Modify the collection conditions to exclude unavailable products (inventory stock).

 

If you need your theme customized then contact me by email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org