Product Attribute Swatches
Three kinds of swatches
Show variations the way that suits your products — all fully styleable.
Color Swatches
Show each color option as a dot, so shoppers see the full range at a glance — perfect for clothing, accessories, and paint.
Image Swatches
Use a small thumbnail for each variation — ideal when a color name isn’t enough, like patterns, textures, or finishes.
Text Swatches
Show values as labelled buttons — great for sizes, storage options, or any variation that reads best as text.
Why shoppers love it
Fewer clicks, faster buying, a cleaner path to checkout.
Buy in Fewer Clicks
Shoppers pick a variation and add it to the cart without ever leaving the listing — the shortest possible path to a sale.
See All Options Right Away
Every color, size, or style shows on the card, so shoppers see all their choices without clicking into the product.
Shopping That Feels Effortless
Choosing a variation and adding it to the cart happens right on the card — quick, simple, and all in one place.
How Product Swatches work
Turn them on, and your variable products come to life on the card.
Add the swatch module
Swatches are a module — drop it anywhere on your product card, choose the type (color, image, or text), and customise it to fit.
Shoppers pick a variation
The swatches appear on every product card, and shoppers select the color, size, or style they want.
Add to cart from the card
The chosen variation is added straight to the cart — no product page needed.
Turn your grid into a faster storefront
Starts from
$39
Frequently Asked Questions
Q. Can shoppers add a variation to cart from the card?
Yes. Shoppers pick their variation using the swatch and add that exact variation to the cart right from the product card, without opening the product page.
Q. What swatch types are available?
Three types: color swatches (dots), image swatches (a thumbnail per variation), and text swatches (labelled buttons). Use whichever suits each attribute.
Q. Can I style the swatches?
Yes. The swatches are fully styleable, so their shape, size, and look can match your store’s design.
Q. Does it work with WooCommerce products?
Yes. Product Swatches is built for WooCommerce variable products, showing each variation as a selectable swatch on the card.
Q. Is this included in the free version?
Product Swatches is a Category AJAX Filter Pro feature.