Stock Counter
Displays the product or selected variant's live inventory count.
Last updated
How to use
Often nested inside Stock State to show the exact number behind an "in stock" design.
Connect
⛁ Butter Datato the product'sButter DataCMS field.Set the
Text Format, plusFontandColor.Optionally set the
Out of Stocktoggle and its text, and theNo Limit Text.
Writing your own count format
Text Format is a copy template built around a {{value}} placeholder — write something like "Only {{value}} left" and the live inventory number is substituted in.
When inventory is unlimited or sold out
If the active variant's inventory is untracked or unlimited in Shopify, the component shows No Limit Text instead of a number — there's no count to format. Turn on Out of Stock and set Out of Stock Text to control what displays when the variant has none left.