Create urgency with low stock alerts, inventory counters, and sold-out badges on your product pages. Drive faster purchasing decisions.
Customize in Theme EditorClick the button above or go to Online Store → Themes → Customize.
In the theme editor, use the page selector at the top to switch to a product template.
Click “Add section” or “Add block”, find “DC Low Stock Counter” in the Apps section, and add it.
Set the stock threshold, customize messages, choose colors, and enable the progress bar or pulse animation.
This is how the stock counter looks on your product page:
Display eye-catching warnings when inventory drops below your threshold. Customizable text with dynamic count.
Visual stock depletion bar that shows how much inventory is left. Fills based on actual stock vs. threshold.
Animated pulsing dot next to the stock message draws attention and creates urgency without being intrusive.
Automatically updates the stock count when customers select different product variants.
Display a clear sold-out indicator when inventory reaches zero. Customizable text and styling.
Optionally show a reassuring "in stock" message for products above the threshold.
Zero external requests. All rendering on Shopify’s servers. No impact on page speed.
Colors, text, threshold, animations — all configurable in the theme editor. No code needed.
The counter uses Shopify's built-in inventory tracking to display real-time stock levels:
Threshold-based display: Set a threshold (e.g., 10). When stock is at or below this number, the low stock warning appears. Above the threshold, an optional "in stock" message shows instead.
Dynamic messages: Use {count} in your message text and it will be replaced with the actual stock number. For example, "Only {count} left!" becomes "Only 3 left!"
Variant-aware: The counter listens for variant changes and automatically updates to show the correct stock for the selected option.
DC Low Stock Counter by Dream Commerce • Get Support