Dynamic source of color swatch variant image
Follow the steps to add a color entry.
In the Shopify admin panel, go to the Content > Metaobjects > Active
Click on All definitions > Color

Add a new entry from here

Here, you can add a Color name along with its Color code, otherwise you can also upload an Image

You can add images to the color swatch using the dynamic source of metafiled. Follow the below steps:
Go to the Products
Open anyone product.
Click on 'Add options like size or color' and select "color"

Select/Add required colors.

Click on the added color to edit it.

Add image here and Save.

When there are color swatches on the product cards and product page, the added images will be displayed.

Last updated