Create Color and Image Swatches
Overview
Swatches let customers choose an option by selecting a color or image instead of reading a text label.
They're a great choice for products available in different colors, patterns, materials, finishes, flavors, or other visual customizations
Step 1: Create a Swatch Option
Open an existing Option Set or create a new one.
Add a new option and select Swatches as the input type.
Step 2: Add Your Option Values
Enter the values you want customers to choose from.
For example:
Red
Blue
Green
Each value can have its own color or image.
Step 3: Add a Color or Image
Next to each option value, click the swatch icon.
Choose one of the following:
Color
Select a color using the color picker or enter a HEX color value.
Example: #FFFFFF
Click Save to apply the color.
Image
Upload an image to represent the option.
For best results:
Use square images.
Keep images under 1 MB.
GIF images aren't supported.
Click Save to apply the image.
Step 4: Save Your Option Set
Click Save in Infinite Options.
Your swatches will now appear on every product assigned to the Option Set.
Tips
Use colors when customers are choosing between simple color options.
Use images when the differences are visual, such as patterns, fabrics, wood finishes, or product styles.
Keep image sizes consistent for the best-looking swatches.
Related Guides
Looking to do more with swatches?
Use Native Bundling with Swatches
Last updated