If you want to show the product inventory on the collection page you need to enable that feature in the 'Advanced options' settings.



You will also need to add some code to your theme.
- First you'll need to find the for which loops over the products in the collection-template.
- You will see a file being included. (It probably doesn't have the same name as the example in the image below because of differences between themes.)



Go to the file that is being included and add the following code in a div like in the image below :

data-tomit-product-id="{{product.id}}"
 data-tomit-variant-id="{{product.selected_or_first_available_variant.id}}"




If the inventory isn't shown correctly you can try to place the code in a different element. You can also place the code in a div and place the div in your file.

<div data-tomit-product-id="{{product.id}}"
 data-tomit-variant-id="{{product.selected_or_first_available_variant.id}}"></div>


We recommend turning on the cache feature because with the inventory shown on your collection page we will reach the api limit of shopify much faster than usual.
If you need help setting up this feature in your theme you can always ask for support through our chat.
Was this article helpful?
Cancel
Thank you!