Setting up Color Families on Shopify

Introduction

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

There are two ways of adjusting your Color Families:

1. Editing Color Families – this way is general for values in the color filters and color options in the product cards.
2. Assigning a Color Family to the existing color of the color filter – this way is appropriate only for values in the color filters.

Editing Color Families

You can add or edit an existing Color Family in the Searchanise Search & Filter control panel > Filters > 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. If you want to create a plain color like fuchsia, choose Family code by color picker or enter a hex color code into the field.

      

   4. If you want to create a complex color like gold or consisted from 2 and more colors, upload a picture.

      

   5. Type colors separated by commas into the Color includes into family field.

      

   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 of the color filter

1. Go to Filters > Filters 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 set 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 Color Family to a color value.

   

   Note

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

7. Save the changes.