icon

Color Swatches, Image Swatches

Link multi-color products with color or image swatches.

Ranking
34 Product display (Merchandising)
94 Product variations (Merchandising)
98 Images and media (Store design)
284 Merchandising
421 Store design
Reviews
Avg rating 5.0
Total reviews 3
Added today 0
Added yesterday 0
Stores
Detectable NO
Stores in database 0

Listing

Product-based swatches

Use separate products for each color. Link them with color or image swatches.

No speed impact

App stores swatch data in metafields. They load instantly and won't slow down your product pages.

Works with all themes

Compatible with both Vintage and Online Store 2.0 themes. The installation is automatic.

Color Swatches, Image Swatches app allows you to group products of different colors with swatches. Swatch can be a single color, two-color, custom image, or product image.

How it works

  1. Create a group of products
  2. Add products and assign color/image to each one
  3. Color swatch will appear on product pages

Speed

I built this app with speed in mind. It doesn't load additional JS to your page. Swatch data are stored in metafields and loaded directly from the liquid. It makes color swatches very fast and they feel like a native part of the theme (no flickering or layout shifts).

Customizable appearance

You can choose your preferred swatch label, swatch shape, and size in-app settings. For more detailed styling custom CSS is supported as well.

Works with any theme

The app is fully compatible with both Vintage and Online Store 2.0 themes.

Installation

The app installation is automated. You only need to pick a theme where you want to install color swatch in settings. No manual coding is required.

Human support

I personally reply to all support requests and do my best to help you. You can contact support via live chat inside the app or by email. The max response time is 24 hours but usually, it's much faster.

===

product colors | colour swatch | colour swatches

Single color swatches

Single color swatches

Two color swatches

Two color swatches

Image swatches

Image swatches

Assign colors to products

Assign colors to products

Customize swatch appearance

Customize swatch appearance

Happy customers

Happy customers