Skip to main content

How to show color and image swatches

Irek Khasianov avatar
Written by Irek Khasianov
Updated over a week ago

The Color Swatches integration displays Shopify's native color and image variant swatches in your widgets, allowing customers to see available product options.

What Are Color Swatches?

Color swatches are visual representations of product variants, typically showing:

  • Color Variants: Colored circles or squares representing different color options

  • Pattern/Texture Variants: Small images showing patterns, textures, or materials

  • Style Variants: Visual representations of different product styles

How It Works

  • Variant Detection: Storista automatically detects products with color/style variants

  • Swatch Generation: Swatches are generated based on Shopify's variant information

  • Display: Swatches appear near product information in widgets

  • Interaction: Customers can click swatches to see the selected variant

Enabling Color Swatches

  1. Set Up Variants: Ensure your products have properly configured variants in Shopify

  2. Enable Integration: In Storista Integrations, toggle the "Color Swatches" switch to ON

  3. Configure Products: Swatches will automatically appear for products with variants

Did this answer your question?