In the product swatch does not show me the colours

Store Design
, ,

Topic summary

A user is experiencing an issue where color variants are not displaying correctly within product swatch circles on both the product page and collection page.

Solution Provided:

The problem can be resolved by uploading custom variant images:

  • Create 50px x 50px PNG images for each color variant
  • Name files in lowercase matching the variant name, replacing spaces with hyphens
    • Example: “Red” variant → red.png
    • Example: “Red and White” variant → red-and-white.png
  • Upload images via Shopify Admin → Content → Files
  • No code changes are required

Detailed instructions are available in the theme documentation.

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

In the product swatch section, I cannot get the colour variants displayed inside the circle. I have this problem both on the product page and in the collection.

Screenshot 2023-07-28 alle 09.33.19.png
Screenshot 2023-07-28 alle 09.33.19.png2024×1012 151 KB

2

Hello @Loryorange88 ,

You have to just add the an image for it.
You can find the detailed explanation in the theme documentation.

Or follow this;

  1. Create a 50px x 50px png image

  2. Name the image according to the name of the variant it will represent
    but keep the filename in lowercase and replace any spaces in the name with a hyphen

    Example:
    Variant named: Red requires an image named: red.png
    Variant named Red and White requires and image named red-and-white.png

  3. When your images are ready open your Shopify admin, click on Content and then click on Files just below it

  4. Upload your images to the files area, this will make them accessible for your theme.

No need to change any code.

Thanks