Visual Variations
Color Swatches
Replace boring dropdowns with interactive color and image swatches for a premium product discovery experience.
Swatch Types
Standard Colors
Sellzar automatically detects common color names (Red, Blue, Navy) and displays the corresponding HEX code.
Custom Images
Upload small 100x100px .png files to your Shopify Assets to show specific fabric patterns or complex textures.
Configuration (Technical)
To enable custom image swatches for a color like "Ocean Blue":
1
Create a file named
ocean-blue.png (lowercase, hyphens instead of spaces).2
Go to Content > Files in your Shopify Admin and upload the file.
3
The theme will automatically find this image and apply it to any product with the "Ocean Blue" variant.
Global Mapping
You can also edit the
color-swatch-mapping.liquid snippet if you want to hardcode specific HEX values for unique color names across your entire store.