Color swatches
How to add color swatches to the Horizon theme
Add color swatches to Shopify's Horizon theme: link the Color option to its category metafield, check the Variant picker, and use the Swatches card block.
- Horizon Free Shopify theme
- Made by Shopify
- Free
- Native swatches: yes
- Version 4.3.0
Shopify theme
The Horizon Shopify theme.
Horizon is a free Shopify theme made by Shopify. The current version is 4.3.0 (October 9, 2026). It supports Shopify's native color swatches.
The facts.
From the Shopify Theme Store and Shopify's own pages. A setting we could not confirm in the vendor's own documentation says "not confirmed by the vendor".
Checked
| Theme | Horizon |
|---|---|
| Vendor | Shopify |
| Price | Free Free in the Shopify Theme Store, checked October 23, 2026. |
| Free or paid | Free |
| Where it is sold | Shopify Theme Store |
| Status | Current theme |
| Online Store 2.0 | Yes |
| Current version | 4.3.0 (October 9, 2026) |
| Theme family | One of the Horizon themes |
| Native color swatches | Yes |
| Variant picker block | Variant picker |
| Swatch setting | Theme editor > Products > Default product > Product information section > Details block > Variant picker block > Swatches (checkbox, on by default). Swatch width/height/corner radius/borders: Theme settings > Swatches. |
| Swatches on product cards | Theme editor > Collections > Default collection > Collection section > Product card block > Swatches block (present in the default collection template; "Displays swatches from parent product"). |
| Theme Store swatch features | Color swatches, swatch filters, combined listings |
| Swatch documentation | Shopify Help Center |
| Last checked | October 23, 2026 |
Image sizes.
The sizes Horizon's documentation gives, each linked to its page. The image size checker applies them to your own files.
| Product images | 2048 x 2048 px Shopify help, all themes: "For square product images, a size of 2048 x 2048 px usually displays best." Product and collection images up to 5000 x 5000 px / 25 MP and under 20 MB. Source: Shopify Help Center. |
|---|
Guides for Horizon.
Tool
Theme image size checker
Drop in product photos, banners and logos to check them against Shopify's limits and Horizon's documented sizes.
Swatch apps for Horizon.
The apps the Horizon swatch guide suggests, and what each App Store listing says about theme support (checked October 23, 2026). Ratings and the full comparison are on the color swatch hub.
| App | From | Theme support | Collection pages |
|---|---|---|---|
| Platmart Color Swatches | $9.99/month | Listing says it works with all themes | Yes |
| Rubik Variant Images & Swatch | $25/month | Listing says it works with all themes | Not listed |
| OP Color Swatch Variant Images | $11.90/month | Listing offers theme setup help, names no themes | Not listed |
More from Shopify.
Other themes by Shopify with profiles here:
- Atelier (free shopify theme)
- Dwell (free shopify theme)
- Fabric (free shopify theme)
- Heritage (free shopify theme)
- Pitch (free shopify theme)
- Ritual (free shopify theme)
- Savor (free shopify theme)
- Tinker (free shopify theme)
- Vessel (free shopify theme)
- Dawn (free shopify theme)
- Sense (free shopify theme)
- Craft (free shopify theme)
- Crave (free shopify theme)
- Refresh (free shopify theme)
- Ride (free shopify theme)
- Studio (free shopify theme)
- Taste (free shopify theme)
- Colorblock (free shopify theme)
- Publisher (free shopify theme)
- Spotlight (free shopify theme)
- Origin (free shopify theme)
- Trade (free shopify theme)
- Rise (free shopify theme)
- Debut (retired theme)
- Brooklyn (retired theme)
- Venture (retired theme)
- Minimal (retired theme)
- Supply (retired theme)
- Simple (retired theme)
- Narrative (retired theme)
- Boundless (retired theme)
- Express (retired theme)
- Pop (retired theme)
- Jumpstart (retired theme)
Sources.
Every fact above comes from one of these pages. The swatch guide lists the Shopify help pages its steps rely on.
Pages about Horizon
- Shopify Theme Store: Horizon listing
- Shopify Theme Store: free themes
- Shopify Theme Store: Horizon themes collection
- Shopify/horizon on GitHub: blocks/variant-picker.liquid
- Shopify/horizon on GitHub: blocks/swatches.liquid
- Shopify/horizon on GitHub: config/settings_schema.json
- Shopify/horizon on GitHub: locales/en.default.schema.json
- Shopify/horizon on GitHub: templates/product.json
- Shopify/horizon on GitHub: templates/collection.json
- Shopify Help Center: adding color swatches using category metafields
- Shopify Help Center: theme architecture versions and sources
- Shopify Help Center: product media types and sizes
Set up swatches on Horizon.
Shopify's own swatches, an app or the code route, with the setting names for this theme.