WooCommerce Attribute Swatches

Replace the default WooCommerce variation dropdown menu with variation swatches for WooCommerce. Add color swatches, image swatches, and modern text buttons to your variable product pages.

Visual Product Options—Modernize WooCommerce Attributes With WooCommerce Product Swatches

• • Add visual color variation swatches to any attribute. Use a hex code or our user-friendly color picker to get as specific as you’d like.
  • Add image variation swatches by uploading a material, finished product, or texture product image to each attribute.
  • Upgrade other product attributes with clean text button swatches and radio buttons.
  • Set all variation swatches as global attributes or for each individual product attribute variation.

Customize Variation Swatches for WooCommerce—Customize Your WooCommerce Variation Swatches

• • Include a tooltip text description (of your attribute name) when customers hover over your attributes for more information and a better user experience.
  • Customize your variation swatch shape (round or square), size (in pixels), and the order they appear in.
  • Decide how you want variation swatches to appear once selected with a tick or added attribute swatch border.
  • Enable a larger preview of image swatches when a customer hovers over one.
  • Decide how you’d like your variation swatches displayed when you have a lot of them. Options include stacked, single-line, and slider displays.

Upgraded WooCommerce Product Filters—Add Variation Swatches for WooCommerce in Product Filters

• • Decide if you want attribute swatches to be used in your online store’s product filters or not.
  • Customize this for each set of attributes to tailor variation swatches to suit you.
  • With an improved and visual product filter, you’ll help customers quickly find the products they’re looking for.

Display Swatches in the Catalog—Use Product Variations Swatches on the Shop Page

• • Optionally show attribute swatches underneath WooCommerce product variations on the shop, category, and archive pages.
  • When a swatch type is clicked, customers will see that attribute’s product image, or they’ll be taken to the product page with a variation link (whichever option you pick).
  • Decide which swatches to display on a per-product basis or store-wide.
  • By adding swatches to the shop and catalog pages, customers will be able to see exactly what’s available, even before visiting the product page.

WooCommerce Attribute Fees & Pricing—Fine-Tune Your Pricing by Adding Attribute Fees

• • Add fees to some, all, or none of your selected attributes. I.e., when the ‘Material’ is ‘Gold,’ add $15 to the product price.
  • Customers will see an accurate price update inline as they explore your product options on the single product page.
  • Set complex pricing structures for your variation options with this WooCommerce variation swatches plugin.