If you have product variants and are using the Dawn theme, I’m wondering how others are handling giving their customers some sort of indication on the collection or search pages that the shown product has variants if they will just click into it? Unless I’m missing it, there doesn’t seem to be anything within the theme itself to indicate variants of a product exist unless you get to the actual product page.
Topic summary
Issue: Dawn theme does not visibly indicate on collection/search pages that a product has variants (e.g., size or color) until the product page is opened.
Suggestions:
- Use storefront filters for variant options (sizes, colors) so shoppers can narrow results and implicitly know variants exist.
- Customize the product grid to display variant info or an indicator; however, this may clutter the layout.
- Leverage the Liquid object product.variants (an array of all variants for a product) to iterate and render variant labels or counts on the listing cards.
Technical note: product.variants can be looped to show variant names/options or a simple “X variants available” badge.
Outcome: No built-in Dawn setting was identified to show variants on listings; only manual filtering or code customization were proposed.
Status: Open/Unresolved. Implementing an indicator requires custom code or reliance on filters; no final implementation details or examples were provided.
Hi,
Usually people just use filters, where you can indicate variants for sizes, colours and whatnot.
You can also try to tweak a code a bit to display the variants on product grid, but it will look messy.
Hi @rslygh ,
product.variants
contains the array of all variants available in the product you iterate this and fulfill your requirement.
Hope it helps…