Configuring color swatches

Configuring the variant name

The "Variant name" is the field that determines the name applied to display the color swatch.

How to customize color swatches for a product?

1. From your Shopify admin, go to Products, and then find a product you want to edit.

2. In the Variants section, look at and remember what color variant you want to edit. For example, you want to customize the Black color for the product.

Get the variant name

1. From our app, click Settings.

2. In the Color Swatch section, enter the Variant Name and paste the HEX Color Code in the Color Configuration. You can find a hex color in the link. Click here
3. Click Save.

Follow the format: <name>:<color>

For example: Black: #780a02

How to use an image file to replace the color

1. From your Shopify admin, go to "Content" and click Files where you can manage all files uploaded to your store

2. Click on the image, then copy the URL handle, and note the image type (.JPG or .PNG). For example, we want to use this image to replace the black color. The image URL is image_1, and the image type is JPG.

1. From our app, click Settings.

2. Enter the variant name and paste the URL handle into the Color Configuration field

Follow the format: <name>:<URL handle>.<image type>.

For example: Black: image_1.jpg

The image type only supports JPG and PNG.

How to customize the color and image swatches (if you are using Smind theme)?

1. In the Shopify editor sidebar, click Theme Settings gear icon.

2. From the Variant Pills section, enter the hex color code or paste the image URL to replace the color swatches.