For the complete documentation index, see llms.txt. This page is also available as Markdown.

🎨Custom swatch

✨Demo product: Custom swatch (password: 1)

Function

Allows you to manually assign a custom image or a solid color (hex code) to each variant, instead of using the product images.

Use when

  • Variants already have images in Shopify but you don’t want to use those images as swatches.

  • You want swatches to show patterns, textures, materials, or plain colors rather than full product photos.

How to use Custom Swatch

1

Change the display type to Custom swatch > Click Save

Changing the display type to Custom swatch
2

Click the pencil icon to:

  • Upload your own images (patterns, textures, fabric details, etc.)

  • Select a solid color using a hex color code

Assigning a custom image or hex color to a variant
3

Click Save to apply changes

How it looks on your store

  • Product page:

Custom swatch on the product page
  • Collection page:

Custom swatch on the collection page

Last updated