If you want to show the inventory of products on the collection page you need to enable that feature in the advanced options settings.
You also will need to add some code in your theme.
You will need to find the for which loops over the products in the collection-template.
You will see a file being included. It probably hasn't the same name as in the picture because of differences between themes.



Go to the file that is being included and add the following code in a div like it is done 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 right you can try to place the code in a different element. you can also place the code in a div like and place that element 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 reach the api limit of shopify faster than usual.
If you need help setting up this feature in your theme you can ask for support through our chat.
Was this article helpful?
Cancel
Thank you!