Distinguish options from separate products
A different colour may be a variant, while a substantially different model may need its own page. Decide based on how customers compare and buy the items. Give each purchasable combination a stable identifier where your inventory workflow requires it. Do not create every theoretical combination if the business cannot actually supply those configurations.
Show the consequences of a selection
Changing an option may affect the image, price, stock status or delivery information. Update the relevant details clearly and preserve keyboard access to the selector. Do not rely on a colour swatch alone to communicate a choice. A labelled option helps people using assistive technology and anyone who cannot distinguish similar colours on a screen.
Handle unavailable combinations explicitly
Disable or explain choices that cannot be purchased, rather than allowing a shopper to discover the problem after entering checkout. Consider whether an out-of-stock variant should offer an enquiry or simply show availability information. Avoid suggesting a restock date unless the business can support that claim. Keep the cart description precise enough to verify the selected item.
Test a complete order example
Choose a product with several options and follow it through selection, cart, confirmation and the fulfilment system. Check that the same SKU and attributes reach each step. Include a price difference and an unavailable combination in testing. This catches mismatches that a visual review of the product page alone will not reveal.
Your practical checklist
- Define purchasable combinations and identifiers
- Update price, image and availability together
- Label unavailable options clearly
- Verify the chosen variant through fulfilment
Working through a similar question?
We’re happy to help you find a practical starting point.
Talk to AMGK