Color swatches
How to add color swatches to the Motion theme
Color swatches for the Motion theme: Archetype's Enable color swatches settings, native category metafields, product tiles and fixes.
- Motion Paid theme
- By Archetype Themes
- $420
- Native swatches: yes
- Version 12.0.0
Shopify theme
The Motion Shopify theme.
Motion is a paid Shopify theme by Archetype Themes, $420 in the Shopify Theme Store. The current version is 12.0.0 (July 6, 2026). It supports Shopify's native color swatches.
The facts.
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".
Checked
| Theme | Motion |
|---|---|
| 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 | 12.0.0 (July 6, 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 |
Image sizes.
The sizes Motion'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. |
Guides for Motion.
Tool
Theme image size checker
Drop in product photos, banners and logos to check them against Shopify's limits and Motion's documented sizes.
Swatch apps for Motion.
The apps the Motion 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 |
More from Archetype Themes.
Other themes by Archetype Themes with profiles here:
Sources.
Every fact above comes from one of these pages. The swatch guide lists the Shopify help pages its steps rely on.
Pages about Motion
- Shopify Theme Store: Motion listing
- Archetype Themes help: How to add color swatches with Shopify's built in swatch feature
- Archetype Themes help: Comparison of themes and their features
- Archetype Themes help: How do I set up color swatches
- Archetype Themes help: Motion release notes
- Archetype Themes help: Image and video size recommendations
Set up swatches on Motion.
Shopify's own swatches, an app or the code route, with the setting names for this theme.