Setting up Color Families on Magento 2

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 a Color Family to an existing color

Editing Color Families

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

Adding colors to Color Families

1. Go to the Searchanise control panel > 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 the Searchanise control panel > 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 the Searchanise control panel > 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 tab.
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. If it isn’t selected, select it and click the Apply changes button.
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.