Custom Swatch Colors

Author: An Do 207 views

The Custom swatch colors extension is used to add colors to product variants. As you know, Shopify only allows you to add images for variants but does not allow you to add colors. For example, your product has some color options, and you want to add specific colors to your variants like the Pink, Orange, or Gray variants instead of using images. Or In some cases where you do not want to display the product thumbnail but want to use the color for the variant, this extension will allow you to do that.

This extension can be used on pages like the product, collection page, or elements where you have variants displayed.

Custom Swatch Colors extension from EComposer

1. How to install the Custom Swatch Colors extension?

When you come to this extension, it will allow merchants to set the colors for Product Variant colors, and easier for you to get the extension by a click on the “Install now” button. If some situations where you no need this extension anymore, you also can go to this button to “Uninstall” it. Please continue reading more details below.

In order to open the Extension popup, you have two ways:

  • Click on the Extension icon at the top left corner.
  • Under the Extension tab, click Add more.
Two ways to open the Extension popup.

On the Extension popup, you can see the Custom Swatch Colors extension, click Install now to install it.

Click on Install now button to install the extension

2. Custom Swatch Colors Settings

2.1. Shopify Option Setting

If you are wondering what is setting colour name is and how to do it, so let’s come to the stages below:

  1. From your Shopify admin, go to Product.
  2. Click the name of the product.
  3. In the Options section, click Add another option.
  4. Enter the option information in the fields.
  5. Click Save.
Set the option value in Shopify with EComposer App

2.2. Custom Swatch Color Setting

Now, you may go to Add item to choose the colour that you love and also set a colour name for that, you should pick a name as same as the one you set in Shopify. Including one more thing, when you hover to the right side then you can view a Trash Bin icon, so you can delete it there.

After done, click Save now.

Set the colour stage with EComposer App

And so after those stages, you may view our instance video below.

Example video after all from EComposer App

Leave a Comment

On this page