How to add a "Sold out" badge to Shopify product cards (no app)

A Sold out badge on the product card tells shoppers an item is unavailable before they click into it, which saves a frustrating round trip and makes the rest of your catalog look more alive. Pair it with a subtle Only 3 left badge on low-stock items and you have a gentle, honest urgency cue. Both are a few lines of Liquid, no app.

This guide covers the one-line sold-out check, the inventory fields you need for low-stock, where the badge goes in a product card, and the privacy mistake that exposes your exact stock numbers to competitors.

The simplest version: product.available

Shopify gives every product a boolean, product.available, that is false when every variant is out of stock. That is all you need for a basic sold-out badge:

1{% unless product.available %}2  <span class="badge badge--sold-out">Sold out</span>3{% endunless %}

Drop that inside your product-card markup, near the image. unless is just if not, so this renders the badge only when the product is unavailable. The product object documents available as true when at least one variant is in stock or set to continue selling.

Adding a low-stock badge

"Only a few left" is more persuasive than "Sold out" is discouraging. To show it honestly you need the variant's real inventory, which lives on the variant object. Here is the combined badge: sold out first, otherwise low-stock when the count is genuinely low.

1{% assign current_variant = product.selected_or_first_available_variant %}2 3{% unless product.available %}4  <span class="badge badge--sold-out">Sold out</span>5{% else %}6  {% if current_variant.inventory_management == 'shopify'7        and current_variant.inventory_policy == 'deny' %}8    {% if current_variant.inventory_quantity > 09          and current_variant.inventory_quantity <= 5 %}10      <span class="badge badge--low">Only {{ current_variant.inventory_quantity }} left</span>11    {% endif %}12  {% endif %}13{% endunless %}

Why all those inventory checks

• inventory_management == 'shopify' confirms Shopify is actually tracking stock for this variant. If a merchant does not track inventory, inventory_quantity is meaningless and you would show a fake "Only 0 left".
• inventory_policy == 'deny' means the store stops selling at zero. If the policy is continue (oversell allowed), a low-stock badge is misleading because they will happily keep selling.
• inventory_quantity > 0 and ... <= 5 is the actual "running low" window. Tune the 5 to taste, and keep the > 0 so a zero-stock continue-selling variant never shows "Only 0 left".

Styling the badges

1.badge {2  display: inline-block;3  padding: 0.25rem 0.6rem;4  border-radius: 999px;5  font-size: 0.72rem;6  font-weight: 600;7  letter-spacing: 0.02em;8}9.badge--sold-out {10  background: rgba(0, 0, 0, 0.06);11  color: rgba(0, 0, 0, 0.55);12}13.badge--low {14  background: #fff3e6;15  color: #b3541e;16}

Showing it across a collection

The badge lives in the product-card snippet, so it appears everywhere that card is rendered: collection pages, search results, featured-product sections. If you are looping products yourself, the pattern is the same one from looping a collection's products, with the badge snippet rendered inside the loop.

This pairs naturally with two other card cues: a sale badge from compare-at price and a fuller treatment of low-stock warnings. Just be careful not to stack three badges on one card; pick the one that matters most for that product.

What AI tools get wrong here

• Skipping the inventory_management check, so stores that don't track stock show a nonsense "Only 0 left" on every product.
• Ignoring inventory_policy, so continue-selling variants that never actually run out still flash a fake-urgency badge.
• Exposing the raw count by default without flagging that it leaks your stock data. A senior dev raises that tradeoff with the merchant; an AI draft usually just prints the number.

Wrapping up

One line gets you a correct sold-out badge. The low-stock version is only a few more, but the value is entirely in the guards: tracking, policy, and the choice of whether to reveal the real number. That judgment is what separates a badge that helps from one that lies to your shoppers.