An unavailable product page should state what cannot be bought and what useful options remain. Keeping the product identity visible helps a shopper distinguish an unavailable item from a missing page or loading failure.
What the shopper needs
- Label stock status near the relevant variant and purchase control.
- Avoid active-looking buttons that silently fail.
- Offer a real alternative or restock route only when one exists.
- Keep stock statements consistent across the page and product data.
“Unavailable in medium” is more informative than a disabled button with no explanation. A shopper may accept another size, but the agent should not make that substitution without a clear preference.
A check you can run
Choose an unavailable variant and attempt the next step. Check that the reason is readable and that alternatives preserve the buyer’s original constraints.
Download preview image