Group WooCommerce Product Attributes

In WooCommerce Attribute Swatches v1.1.0 the ability to group product attributes was added.

Let’s say you have a Color attribute. The color choices vary in style; gloss / matte / patterned. By default they would all show one after the other:

Example of color attribute

But using the new Groups setting, you can split them up to make it much more user-friendly:

Example of grouped attribute

Let’s look at how this can be achieved.

How to create WooCommerce product attribute groups

It’s important to note that you can only create groups for global attributes; this is any attribute created under Products > Attributes.

  1. Navigate to Products > Attributes.
  2. Click Edit on an attribute (color, for this example).
  3. Scroll down to the Groups field.

  4. Start typing in the name of your first group, and then select it from the dropdown.
  5. Continue this process for the other groups.
  6. Navigate back to ProductsAttributes
  7. Click Configure Terms
  8. Click to a term.
  9. Scroll down to the Group
  10. Select a group from the dropdown.
  11. Click Update
  12. Repeat steps 8 to 11 for the other attribute terms.

That’s it! Now when you view the swatches on the frontend they’ll be grouped. Any that aren’t added to a group will display right after the main attribute label.

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