Use variant images

This feature was added in v3.1.0 on March 11, 2024. See our Changelog and theme update guide to learn more. Use variant images to display as your product's swatches. Upload and select product images in your Shopify admin, and enable the option to use variant images for swatches in your theme settings.

Enable variant images as swatches

In your theme editor, go to Theme settings and open the Products tab. Under Swatches, select the Use variant images option.

Version update

Stiletto v5.1.0 added support for Shopify’s built-in swatches feature. If you've added custom colors or images using Shopify’s category metafields, those swatch values will be used by default on product pages, product cards, and filter options.

Learn more about adding swatches with category metafields.

Upload and select variant images

If you want to use images for swatches that don't appear in your product's media gallery, use custom images instead.

In your Shopify admin, go to Products to upload and select images for your variants, which will appear as product swatches.

STEPS

From your Shopify admin:

  1. Click Products and select the product you want to edit.

  2. Under Variants, click the Select image button to assign an image to each variant.

    The images will appear as variant swatches. Remember to enable swatches in your theme settings.

  3. Click Save.

After setting up variant images, customize swatch styles to change the shape, size, and image fit of all product swatches.

Related links Enable swatches Use default color swatches Use custom color swatches Upload custom image swatches Change swatch styles Show swatches on product cards Enable dynamic option availability

Last updated

Was this helpful?