Enhancing product listing with Variant Availabity

Topic summary

Goal: Add an on-card indicator in the Shopify Dawn theme showing how many color variants a product has on collection (listing) pages, and include promotional badges like “Best Seller.”

Details:

  • Desired UI: a detail/icon/button over the product image that states the count of available colors so shoppers can quickly see items with multiple variants (variants = option types like color).
  • Additional ask: display badges (e.g., “Best Seller”) on product cards for merchandising.
  • Visual references: attached screenshots are central to understanding the desired design.

Current progress:

  • No solution, code, or app recommendations provided yet.
  • A respondent requested the store URL to review specifics and advise next steps.

Status: Open/ongoing. Awaiting the store URL and further details from the requester; no decisions or implementations have been made.

Summarized with AI on January 5. AI used: gpt-5.

Does anyone know how to add number of colors available to a product listing? I’m using the Dawn theme. You know when you’re scrolling through a collection of products, and some products have an indication on the front of the image stating that X amount of colors are available. How can I add a detail/icon/button so customers see up front which items have multiple variants? Similarly is there a way to add banners that say “Best Seller”, etc.? See examples. Thank you!!

Hi,

Can you share your store url