Product Color Swatch Image Not Showing up in Beyond Theme

Store Design

Topic summary

A user is experiencing an issue with custom color swatch images in the Beyond theme. They’ve uploaded a camo pattern PNG to both Files and Assets, and configured it in the theme’s color swatch settings.

The Problem:

  • The camo swatch displays correctly in the theme editor
  • Outside the editor (on the live site), both the camo swatch and black swatch appear as solid black instead of showing the custom image

What They’ve Tried:

  • Uploaded the camo print as a PNG file
  • Added proper configuration text to color swatch settings
  • Verified it works in the editor preview

The user has included screenshots showing the discrepancy between editor display and live site display. They’re seeking help to resolve why the custom swatch image isn’t rendering correctly on the public-facing storefront.

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

Hi,

Having some issues with a product color (camo) that falls outside of the normal color swatch provided in beyond theme. I’ve uploaded the camo print I want to use to both files and assets as a .png and added the necessary text to the color swatch configuration in the theme settings. When I click save in the editor the camo color/image shows up correctly (second screenshot), however when I check my site outside of the editor both camo and black show up as black (first screenshot), meaning the camo isn’t displayed correctly. Screen shots below of how it is displayed in the editor and how it’s displayed outside the editor. Website is cruxleyfieldgoods.com.

Any help is much appreciated.

Thanks!

Screenshot 2024-03-19 at 4.19.04 PM.png
Screenshot 2024-03-19 at 4.19.04 PM.png696×530 21.8 KB

Screenshot 2024-03-19 at 4.18.52 PM.png
Screenshot 2024-03-19 at 4.18.52 PM.png804×550 30.1 KB

1 Like