Getting Started
Vensa Color Swatch & Variants replaces your theme's plain variant dropdowns with visual swatches: colour chips, product photos, buttons and menus. It works on product pages and on product cards across collection pages, search results and the home page.
What the app does
| Feature | What it does |
|---|---|
| Variant swatches | Shows each option (Color, Size, Material) as colour chips, photos, buttons or a menu. |
| Styles | Reusable looks you apply to options. Edit a style once and every option using it updates. |
| Collection swatches | Compact swatches on product cards, so shoppers can browse colours right from the grid. |
| Where it applies | Shows swatches on every product, only on the ones you choose, or on all except some. |
| Style rules | Gives specific products or collections a different style than your defaults. |
| Badges | Pins a small label such as Sale, New or Hot onto a swatch. |
| Product groups | Links separate products (one product per colour) into a single swatch row. |
Before you start
Prerequisites
Your store uses an Online Store 2.0 theme, so the theme editor lets you add app blocks to the product template.
Your products have variants, for example Color: Red, Blue, Green or Size: S, M, L. A product with a single default variant has nothing to choose, so no swatches appear on it.
Your theme's own variant picker stays in the product template. The app uses it behind the scenes.
Set up in three steps
- 1
Install the app and let it read your catalog
Install from the Shopify App Store and open the app. On the first visit it reads your products, lists every option and maps colours to your values automatically.
- 2
Add the Color swatches block to your product page
From the Dashboard, open the theme editor and place the Color swatches block above your theme's variant picker.
- 3
Turn on Collection swatches
Switch on the Collection swatches app embed so product cards on collection pages, search results and the home page show swatches too.
Live with sensible defaults
After these three steps the app is already working. Colour options show each variant's photo on the product page, your most used colour option appears on product cards, and every other option shows as buttons. Everything after this is optional fine-tuning.
What to do next
Need help?
Open the app and click Chat with us on the Dashboard for free setup assistance, or contact us with your store address and what you are stuck on.