The Image swatch option lets customers choose one image from a set you prepare, for example a gnome character, a pet breed or a zodiac sign. The chosen image replaces the artwork on the canvas right away, so customers see exactly what they'll get.

To add it, click Add option, choose Image swatch under Image, and click Add.

New Image swatch option with an empty list of values

Swatch

  • Label: The title above the choices on your product page.
  • Default image: The image shown on the canvas before the customer picks anything.
  • Option values: The images customers can choose from. Click Add images and choose Upload from computer, Choose from library, or All images in a folder. Click Import folder to add every image in an Assets folder in one go, or Add group to create a group that opens its own level of choices.
Add images menu with upload, library and folder choices

Each value has a name customers see, a drag handle to reorder it, an icon to set an extra price for that value, and a trash icon to remove it.

Image swatch with four gnome values
  • Default value: The value selected when the page loads.
  • Display style: How the choices look on your product page, for example Thumbnail image.
Default value and Display style settings

Filters & effects

Image color shows the chosen image in Full Color, Grayscale or a Single Color.

Filters & effects with the Image color setting

Transform, Add-on fee, Advanced and Condition

Transform sets the exact size, position, skew, opacity and rotation on the canvas. The other shared sections are covered in Charge Extra for an Option (Add-on Fee), Advanced Option Settings and Global ID and Show or Hide Options with Conditions.