How to show multiple variant images in Shopify Focal theme
Focal theme (ID: 714) by Maestrooo is built for stores that use large product imagery and editorial layouts. It is popular with fashion, beauty, and lifestyle brands. Like every Shopify theme, Focal lets you assign one image per variant. If your product has 8 colors with 5 photos each, the gallery shows all 40 images at once regardless of which color the customer selected.
Rubik Variant Images has dedicated detection code for Focal theme. It assigns multiple images per variant, filters the gallery when a customer picks a color, and replaces the default variant picker with visual swatches.
In this post
- What you get on Focal with Rubik
- Focal-specific details
- Setup (5 minutes)
- Frequently asked questions
- Related reading
What you get on Focal with Rubik
- Multiple images per variant. Assign unlimited images, videos, and 3D models to each variant. Gallery updates instantly when a customer switches colors.
- Visual swatches. Replace Focal’s dropdown with image thumbnails, color circles, or pill buttons. Mix types per option (images for Color, pills for Size).
- AI auto-assign. The app analyzes product photos and matches them to the correct variants. One click per product.
- Common images. Mark lifestyle shots or size charts to always stay visible, regardless of which variant is selected.
- No code editing. Works through Shopify’s app embed system. Theme updates do not break anything.
- Shadow DOM isolation. Swatch styles cannot conflict with Focal’s CSS.
- Metafield-based loading. All data loads with the page. No external API calls.
Focal-specific details
Focal uses a distinctive product gallery layout with large hero images and stacked thumbnails. Rubik detects the Focal theme structure and injects the image filtering logic into the correct gallery elements. The transition between variants is smooth, with no page reload and no gallery flicker.
Focal is made by Maestrooo, the same studio behind Impact and Prestige. Rubik has dedicated support for all three Maestrooo themes. If you switch between them, your image assignments carry over because they are stored in Shopify metafields, not in theme code.
Focal’s editorial product pages often include long descriptions and lifestyle content between the gallery and the buy box. Rubik’s swatch injection works regardless of how your Focal product template is arranged. The swatches appear in the variant selector location, wherever your theme places it.
Setup (5 minutes)
- Install Rubik Variant Images from the Shopify App Store.
- Enable the app embed: Theme editor > App embeds > Toggle on Rubik Variant Images.
- Open a product in the Rubik app. Select a variant and assign the images you want to show for that color.
- Or use AI auto-assign: Click the AI button and let the app match images to variants automatically.
- Save and preview. Visit the product page. Select different colors. The gallery should filter instantly.
For stores with many products, use bulk assign to match images to variants by image order patterns across your entire catalog. Full guide: how to show only selected variant images.
Watch It in Action
See how to set up multiple variant images in Shopify:
Frequently asked questions
Does Rubik Variant Images work with Focal theme?
Yes. Rubik has dedicated detection code for Focal theme (ID: 714). The app detects Focal’s gallery structure and injects image filtering automatically. No code editing needed.
Will it break if I update my Focal theme?
No. Rubik works through the app embed system, not theme code modifications. Image assignments are stored in metafields. Theme updates do not affect them.
Can I show swatches on Focal’s collection pages?
Rubik Variant Images works on product pages only. For collection page swatches on Focal, use Rubik Combined Listings, a separate app that adds color swatches to product cards.
Related reading
