Help with custom image for color swatches / Impulse Theme

Topic summary

A user encountered an issue implementing custom images for color swatches in Shopify’s Impulse theme. While two custom swatches (Multicolor and Rose) displayed correctly, a third swatch called “You Choose” failed to render properly, showing background: choose; in the code instead of the intended image.

Root Cause:
The image filename didn’t match the swatch name convention used by the theme’s code logic.

Solution:
Renaming the image file to match the handleized swatch name (e.g., color-you-choose.png) resolved the issue. The theme uses a handleize filter to match color names with corresponding image files.

Status: Resolved. The user confirmed the fix worked and noted they had correctly named the other two images but missed this one.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

I’m building filters out for this site using the Impulse theme from Archetype and Shopify’s Search & Discovery. I want to use pictures instead of HEX codes for a few color swatches. Two are working perfectly (the Multicolor and the Rose), one is not - the “You Choose” swatch which links to products that let customers choose which ink they would like on the stationery.

I set up the meta definition exactly as I set up the others, but can’t get this one to work. When I look at the code, it’s coming up with background: choose; - I have no idea where this is coming from or how to fix it. I can’t access anything in the meta definition screens. I think it’s showing white/clear because it’s based on the “clear” swatch - but the other two were similarly based on other swatch defaults and show up fine.

Can anyone tell me what I’m doing wrong?

Hi,

Hope this will work

  • Name the Swatch Exactly Right (Spelling and spaces must be exactly same as your image name.)
  • Upload Custom Swatch Image
  • Check Swatch Logic in Code
{% assign color_handle = color | handleize %}
{% if images[color_handle] %}
  
{% else %}
  
{% endif %}
  • Rename image you uploaded to: color-you-choose.png
  • Clear Cache and test again

Fixing the image name worked, thank you - so simple! I wish I had realized for the other colors I had matched the image name to the swatch name except for this one :downcast_face_with_sweat: Really appreciate the help!