Setting up Color Families on WooCommerce

Introduction

Color Families is a feature that allows you to combine color values with complex names such as fuchsia, natural, sky blue into a standard color palette and display this palette in color swatches.

There are two ways of adjusting your Color Families:

1. Editing Color Families
2. Assigning Color Family to an existing color

Editing Color Families

You can add or edit an existing Color Family in the Searchanise control panel > Filters section > Color Families section.

Adding colors to Color Families

1. Go to Filters > Color Families section.
2. If you see an appropriate Color Family, edit it: 
   1. Click the Edit families button in the top-right corner.
   2. Type new colors separated by commas into the Color includes into family field.
   3. Save the changes.
3. If you don’t see an appropriate Color Family, add a new one:
   1. Click the + button in the top-right corner.
   2. Enter Family name.
   3. Choose Family code by color picker or enter a hex color code into the field. 
   4. Type the colors separated by commas into the Color includes into family field.
   5. Optionally, add more than one Color family.
   6. Save the items.

Deleting colors from a Color Family

1. Go to Filters > Color Families section.
2. Click the Edit families button in the top-right corner.
3. Remove the color(s) from the Color includes into family field.
4. Save the changes.

Deleting a Color Family

1. Go to Filters > Color Families section.
2. Select the checkboxes in the Delete column near Color Families you want to remove.
3. Click the Delete selected button in the top-right corner.

Assigning a Color Family to an existing color

1. Go to Filters > Filter list >Filters.
2. Click the pencil icon next to the color filter. 
3. Go to the Settings tab and check that the Color value is selected in the Appearance drop-down list. Select it and apply the changes. As a result, color values will be shown as color swatches in the filter.
4. Go to the General tab.
5. Click the Edit values button in the top-right corner.
6. Assign a Color Family to the color value.

   

   Note

   You can select the Show unmapped checkbox at the top to filter color values not assigned to any Color Family.

7. Save the changes.