Color Variant Swatches on Product Cards

BigCommerce Add-On

A BigCommerce add-on that allows you to quickly and and easily add color swatches to your product cards on product listing pages, category pages, and product carousels. If you have an image, sku, or special pricing for each color option, this add-on allows you to show them when users hover over the swatch.

Note: Out-of-the-box, BigCommerce does not show product swatches for your different product color variants on product cards (which are used on category pages and carousels). This add-on will enable swatches on product cards site-wide!

Live Demo

Animated image demo for BigCommerce Category Swatches Add-On
Features
  • Show color swatches on product cards.
  • Mouseover/hover swatches to see specific product color image.
  • Works with any BigCommerce Stencil-based theme.
  • Loads dynamically and quickly on page load.
  • "Unpurchasable" color variants are automatically excluded.
Customizable Options
  • Limit the number of swatches shown on product cards, or show them all.
  • Show the color name in the product title on swatch mouseover/hover.
  • Show the variant sku in the product card on swatch mouseover/hover.
  • Show specific variant pricing on swatch mouseover/hover.
  • Show unique product cards for each variant instead of a single card with swatches.
Licensed for Testing & Production

The Power Themes difference! All Power Theme add-ons are licensed for use on one (1) production store and one (1) sandbox store for testing. Compare that with other add-on providers that only allow single domain use.