Color swatches
How to add color swatches to the Focal theme
Add color swatches to Focal by Maestrooo: native swatches from v11, Color selector type, product cards and troubleshooting.
- Focal Paid theme
- By Maestrooo
- $320
- Native swatches: yes
- Version 13.0.0
Shopify theme
The Focal Shopify theme.
Focal is a paid Shopify theme by Maestrooo, $320 in the Shopify Theme Store. The current version is 13.0.0 (March 12, 2026). It supports Shopify's native color swatches from version 11.
The facts.
From the Shopify Theme Store and Maestrooo's documentation. A setting we could not confirm in the vendor's own documentation says "not confirmed by the vendor".
Checked
| Theme | Focal |
|---|---|
| Vendor | Maestrooo |
| Price | $320 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 | 13.0.0 (March 12, 2026) |
| Native color swatches | Yes From version 11. |
| Variant picker block | Variant picker |
| Swatch setting | Theme editor > Product section > Variant picker block > Color selector type: Color swatch |
| Swatches on product cards | Theme settings > Product card > Color display mode: Swatch |
| Theme Store swatch features | Color swatches, swatch filters, combined listings |
| Swatch documentation | Maestrooo's documentation |
| Last checked | October 23, 2026 |
Image sizes.
The sizes Focal's documentation gives, each linked to its page. The image size checker applies them to your own files.
| Product images | 2400 x 2400 px Square JPG; portrait 1800 x 2400. Source: Maestrooo's documentation. |
|---|---|
| Collection images | 2400 x 900 px Collection banner, JPG. Source: Maestrooo's documentation. |
| Blog post images | 2400 x 1200 px JPG. Source: Maestrooo's documentation. |
| In the theme editor | No fixed size Recommended size is shown below each image picker in the theme editor. Source: Maestrooo's documentation. |
| Swatch images (older swatch method) | 100 x 100 px JPG, vintage color-mapping method. Source: Maestrooo's documentation. |
Guides for Focal.
Tool
Theme image size checker
Drop in product photos, banners and logos to check them against Shopify's limits and Focal's documented sizes.
Swatch apps for Focal.
The apps the Focal 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 Maestrooo.
Other themes by Maestrooo 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.
Set up swatches on Focal.
Shopify's own swatches, an app or the code route, with the setting names for this theme.