Loading...

Collections & Merchandising Conversion Rate Optimization

Where to Put Out-of-Stock Products in Shopify Collections

Out-of-stock products: never at the top, never hidden entirely. Bottom of the collection, clearly marked.
← All 100 tips  ·  Tip 13 of 100  ·  88 days to Cyber Monday

Out-of-stock products on a Shopify collection page belong in exactly one place: the bottom, visible and clearly marked. Not squatting at the top where they burn your best real estate, and not hidden entirely. Both popular strategies are wrong, and both cost money in different ways.

A sold-out product at the top of a collection is worse than an empty slot. An empty slot wastes attention; a sold-out bestseller spends it, gets the click, builds a little desire, then slams the door. Do that twice to the same shopper and they conclude the whole store is picked over. That impression, “nothing here is actually available,” is the real cost, and it discounts every in-stock product on the page.

So why not just hide them? Three reasons. Shoppers arrive from Google, old links, and shares expecting that product; a vanished page is a dead end with your name on it. A visible “sold out” is also proof that things sell here, quiet social proof you paid inventory to earn. And a marked sold-out card can still work: a back-in-stock signup on it converts disappointment into a future sale and hands you demand data for the reorder.

.ds-t013-wrap{max-width:760px;margin:36px auto;font-family:-apple-system,BlinkMacSystemFont,’Segoe UI’,Arial,sans-serif} .ds-t013-box{background:#f8f9ff;border:1px solid #e4e2f5;border-radius:14px;padding:26px 28px} .ds-t013-title{font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4F46E5;margin:0 0 4px} .ds-t013-sub{font-size:14px;color:#6b7280;margin:0 0 20px;line-height:1.5} .ds-t013-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px} .ds-t013-panel{background:#fff;border:1px solid #e4e2f5;border-radius:12px;padding:14px} .ds-t013-panel.ds-t013-good{border:2px solid #4F46E5} .ds-t013-label{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;text-align:center} .ds-t013-bad .ds-t013-label{color:#8b88b0} .ds-t013-good .ds-t013-label{color:#4F46E5} .ds-t013-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px} .ds-t013-tile{border-radius:7px;height:52px;position:relative} .ds-t013-in{background:#4F46E5} .ds-t013-in2{background:#7c76ec} .ds-t013-oos{background:#e5e3f3} .ds-t013-oos:after{content:”SOLD OUT”;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;letter-spacing:.05em;color:#8b88b0} .ds-t013-note{font-size:12.5px;color:#6b7280;line-height:1.45;margin-top:10px;text-align:center} .ds-t013-foot{font-size:13px;color:#6b7280;margin:18px 0 0;line-height:1.55;text-align:center} @media (max-width:620px){ .ds-t013-cols{grid-template-columns:1fr} }

Same products, opposite message

Top rows are the shop window. What sits there is what the store is saying about itself.

Sorted by yesterday
Greets every visitor with dead ends. Reads as “picked over.”
Sold-out demoted
Buyable products at eye level, sold-out visible below, still findable.

Everything stays on the page. Only the order changes, and the order is the message.

This is not a taste call; it is the single best-supported move in our own data. When we analyzed the sorting recipes running across our platform, collections that demote sold-out products converted 56 percent above the sorted-fleet average, the strongest effect of any rule we measured. The full breakdown is in our sorting study.

Making it stick

The catch is that inventory does not hold still. The collection you tidy on Tuesday has new sellouts by Friday, and in Q4 by dinnertime, so this has to be a standing rule, not a chore. Shopify’s built-in sorts will not do it for you: “best selling” happily parks sold-out heroes at the top indefinitely. Either calendar a weekly manual demotion pass or hand the rule to automation; keeping sold-out items pinned to the bottom around the clock is precisely the job we built Dynasort for. Add a clear “Sold out” badge on the card, a back-in-stock button on the product page, and the machine quietly stops the bleeding while you restock.

One exception worth knowing: a product briefly low in stock, not out, deserves the opposite treatment. Scarcity that is still buyable sells. That nuance gets its own tip when Q4 inventory pressure is real.

← All 100 tips  ·  Tomorrow, tip 14: hire a brutally honest shopper to tear apart your product page, for free. Workflow included.