Color swatches
How to add color swatches to the Expanse theme
How to add color swatches to the Expanse theme: native swatch setup, Archetype's Variant picker and Product tiles settings, and troubleshooting.
Shopify theme
Expanse is a paid Shopify theme by Archetype Themes, $420 in the Shopify Theme Store. The current version is 10.0.1 (August 21, 2026). It supports Shopify's native color swatches.
From the Shopify Theme Store and Archetype Themes' documentation. A setting we could not confirm in the vendor's own documentation says "not confirmed by the vendor".
| Theme | Expanse |
|---|---|
| Vendor | Archetype Themes |
| Price | $420 One-time license price in the Shopify Theme Store, in US dollars, checked October 23, 2026. |
| Free or paid | Paid |
| Where it is sold | Shopify Theme Store |
| Status | Current theme |
| Online Store 2.0 | Yes |
| Current version | 10.0.1 (August 21, 2026) |
| Native color swatches | Yes |
| Variant picker block | Variant picker |
| Swatch setting | Theme editor > Products > Default product > Product section > Variant picker block > Enable color swatches |
| Swatches on product cards | Theme settings > Product tiles > Enable color swatches |
| Swatches in collection filters | Collections > Default collection > Product grid section > Enable color swatches |
| Theme Store swatch features | Color swatches, combined listings |
| Swatch documentation | Archetype Themes' documentation |
| Last checked | October 23, 2026 |
The sizes Expanse's documentation gives, each linked to its page. The image size checker applies them to your own files.
| Product images | 1065 x 1420 px 3:4 recommended; minimum 532 x 710; 2x zoomable 2130 x 2840. Square 1:1 also suggested. Source: Archetype Themes' documentation. |
|---|---|
| Slideshow and hero | 2880 x 1620 px Heroes, slideshows, collection headers, 16:9; minimum 1440 x 810. Source: Archetype Themes' documentation. |
| Slideshow on phones | 800 x 800 px Minimum, 1:1. Source: Archetype Themes' documentation. |
| Collection header | 2880 x 1620 px Same row as heroes/slideshows. Source: Archetype Themes' documentation. |
| Blog post images | 2880 x 1410 px Doc states 4:3 ratio with minimum 440 x 330 and "recommended" 2880 x 1410 (ratio and size disagree in the source). Source: Archetype Themes' documentation. |
| Mega menu images | 510 x 234 px Approx. 17:8, pulled from the collection image. Source: Archetype Themes' documentation. |
| Video | 1920 x 1080 px 16:9; minimum 1280 x 720. Source: Archetype Themes' documentation. |
Color swatches
How to add color swatches to the Expanse theme: native swatch setup, Archetype's Variant picker and Product tiles settings, and troubleshooting.
Tool
Drop in product photos, banners and logos to check them against Shopify's limits and Expanse's documented sizes.
The apps the Expanse 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 |
| GLO Color Swatch Variant Image | $9.90/month | Listing says it works with all themes | Yes |
Other themes by Archetype Themes with profiles here:
Every fact above comes from one of these pages. The swatch guide lists the Shopify help pages its steps rely on.
Shopify's own swatches, an app or the code route, with the setting names for this theme.