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.

Important info

When a color value is not assigned to any Color Family, a drop-down list with color text values will be displayed instead of 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 Smart Search & Filter control panel > Filters section > Color Families tab.

Setting up Color Families on Shopify
Note

The Clear and Multicolor families can’t be deleted or edited.

Adding colors to Color Families

  1. Go to the Smart Search & Filter control panel > Filters section > Color Families tab.
  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 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 Smart Search & Filter control panel > Filters section > Color Families tab.
  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 Smart Search & Filter control panel > Filters section > Color Families tab.
  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

Important info

This way of adjusting Color Families is appropriate only for values in the color filters. If you adjusted displaying the color options as color swatches in the product cards, you should edit Color Families.

  1. Go to the Smart Search & Filter control panel > Filters section > General tab.
  2. Click the Manage filter or Manage custom filter link 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.

    Setting up Color Families on Shopify

  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.

    Setting up Color Families on Shopify

    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.
Enjoying your experience with Searchanise?

We’d appreciate it if you could take some time to leave a review.

Updated on May 26, 2022

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support
Back to top