Documentation

How to Add Product Specific Swatches

If you want to use swatches for a specific product only or override the styling for your global swatches, then you can do so with WooCommerce Attribute Swatches.

To add product-specific swatches, take the following steps:

Note: This guide presumes you already have a variable product set up and saved with attributes already assigned.

  1. From your WordPress dashboard, go to Products > All Products and click to edit the product you want to edit or add custom swatches to.
  2. Scroll down to the Product data section of the Edit Product page and click the Swatches tab.
swatches tab
  1. Here you’ll see all the attributes assigned to your variable product. For example, ‘Frame Color: Colour Swatch’.
    1. If you created a custom attribute for the product you’re editing, this will also appear here.
all attributes
  1. Click on an attribute, or hover over it and click the black down arrow to see more information.
  2. If you’ve created a custom attribute for the product you’re editing, you’ll see Swatch Type and a dropdown menu. Change this to whatever swatch you want to create and all your custom swatch settings will appear.
new swatch woocommerce
  1. If you’re editing a swatch that was first created as a global swatch, all of the existing (global) settings for this attribute will then appear. You can change everything from the swatch colors, to their size, shape and more.
per product swatches woocommerce
  1. Once you’re happy with your changes, scroll to the top of the page to the Publish section and click the blue Update button.

Are you using WooCommerce Attribute Swatches yet?

Start your 14-day free trial right now and get instant access to the features described in this article.

or learn more

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.

WooCommerce Attribute Swatches

WooCommerce Attribute Swatches

Not got the plugin yet? Get instant access right now, free for 14 days.

or learn more

Still need help?

If you haven't found what you're looking for in our documentation, please contact support.

Get Support