Custom color swatches
Palo Alto will display swatches for color variants in collection filtering and the product form on product pages.
Palo Alto will detect if your variant label is color or colour and automatically display swatches
To customize the trigger words which activate swatches, use the theme content (edit default theme content) and add or modify the values:
You can add more trigger words that will help use swatches for other options.
The result is the same and you can use different custom swatches as well.
Palo Alto can easily detect simple color names and convert them to swatches. There are a total of 140 color names Palo Alto can detect, all other more complex names will be represented by a default grey color swatch.
swatches.jsonfile located in the assets folder to add your own custom names and HEX color values:
With Palo Alto, you can upload your own custom swatch images and display them on product and collection pages.
- Create a small square image (60x60 or 100x100 for best results)
- Upload to the assets folder
swatches.jsonto include your color name and image
Swatches can be toggled on and off in the theme settings under swatches: