Configuring color swatches
Last updated
Last updated
The "Variant name" is the field that determines the name applied to display the color swatch.
From your Shopify admin, go to Products, and then find a product you want to edit.
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.
From our app, click Settings.
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
Click Save.
Follow the format: <name>:<color>
For example: Black: #780a02
From your Shopify admin, go to "Content" and click Files where you can manage all files uploaded to your store
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.
From our app, click Settings.
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.
In the Shopify editor sidebar, click Theme Settings gear icon.
From the Variant Pills section, enter the hex color code or paste the image URL to replace the color swatches.