With Color Swatches
A grid with colorway dots and overflow counts, inventory truth on every card.
A grid with colorway dots and overflow counts, inventory truth on every card.
The Ecommerce Collection unlocks the source for every Ecommerce block. All Access unlocks every Collection.
Already purchased? Log in
With Color Swatches adds the one piece of variant data worth showing on a listing, the colorway dots, with a plus count for overflow rather than a dot pileup. The lede commits the dots to inventory truth, colorways in stock right now, which is what makes them useful instead of decorative.
Products are one array, swatch fills stay on theme tokens in the block and get replaced by real colorway values when wired, the same convention as the variant overview.
Reach for this block on apparel and accessories listings where color breadth drives the click. The dots answer does it come in black from the grid, saving a round trip per product.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is a colorful range with live colorway stock. Other dot uses:
Tip: cap visible dots at three with a plus count, a card wearing seven dots reads as confetti, not information.