cropped rubikvariantimageslogocropped rubikvariantimageslogo
  • Pricing
  • Help Center
    • FAQ
    • Documentation
    • Video Tutorials
    • Contact Us
    • Questions & Answers
  • Partners
  • Affiliate
  • Blog
badge shopify app store light
Rubik Variant Images Guides, Rubik Variant Images Theme Compatibility

How to show multiple variant images in Shopify Focal theme

March 30, 2026
Shopify Focal theme product page with variant image swatches for sunglasses

Short answer: Focal does not solve this on its own, because Shopify gives each variant a single featured image, so the gallery never narrows to the colour a shopper picked. Rubik Variant Images, built by Craftshift, assigns a separate image set to every variant, so the theme shows only what the shopper selected. Free to install, 5.0 stars across 420 reviews. Focal runs on 37 stores using it as of July 2026.

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)

  1. Install Rubik Variant Images from the Shopify App Store.
  2. Enable the app embed: Theme editor > App embeds > Toggle on Rubik Variant Images.
  3. Open a product in the Rubik app. Select a variant and assign the images you want to show for that color.
  4. Or use AI auto-assign: Click the AI button and let the app match images to variants automatically.
  5. 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:

Try Rubik Variant Images free

Frequently asked questions

Which app should I use for variant images on the Focal theme?

Rubik Variant Images, built by Craftshift, is the app we build for this and Focal is natively supported. It holds 5.0 stars across 420 reviews and carries the Built for Shopify badge. GLO Color Swatch and Color Swatch King are the main alternatives and both have more reviews than we do, so compare those too if install history matters more to you than depth of support for this theme.

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

  • Variant images FAQ: 30 questions answered
  • Variant images not showing? 10 causes and fixes
  • Every variant image app compared: 2026 guide
  • What are combined listings and why do they matter for SEO?
Umid Aydemir

Co-Founder of Rubik Variant Images & Swatch

Post navigation

Previous
Next

Search

Categories

  • Affiliate Program (1)
  • App Comparison (8)
  • Integrations & Partnerships (15)
  • Rubik Combined Listings (13)
  • Rubik Variant Images Guides (144)
  • Rubik Variant Images Theme Compatibility (78)
  • Shopify Dropshipping (1)
  • Shopify News (3)
  • Shopify Tips & Tutorials (161)
badge shopify app store dark

Trending Posts

  • Shopify variant images FAQ with 30 questions
    Shopify variant images FAQ: 30 questions merchants actually ask
    March 29, 2026
  • How to add color swatches to Shopify
    How to add color swatches to Shopify (no code)
    April 3, 2026
  • List of All Shopify Theme Store IDs (Updated 2025)
    List of All Shopify Theme Store IDs (Updated 2025)
    September 16, 2025
  • variant images not showing fix
    Shopify variant images not showing? 10 causes and how to fix each one
    March 27, 2026
  • show only selected variant images v2
    How to show only the selected variant’s images on Shopify (and hide the rest)
    March 27, 2026
  • Top 10 Shopify Product Variant Swatch Apps and Alternatives in 2025 rubik
    Top 10 Shopify Product Variant Swatch Apps and Alternatives in 2025
    May 20, 2025
  • variant images multiple options
    How to set up variant images for Shopify products with 2 or 3 options (Color + Size + Material)
    March 29, 2026
  • How to Display Featured Image on Collection Pages but Hide Them on Product Pages
    How to Show a Featured Image on Collection Pages and Hide It on Product Pages
    September 12, 2025
  • How to Show Variants as Separate Products on Shopify Collection Pages stamp
    How to Show Variants as Separate Products on Shopify Collection Pages
    September 15, 2025
  • How to Show Swatches as Variant Images on Shopify Horizon and New Free Themes 2025 2
    How to Show Swatches as Variant Images on Shopify Horizon and New Free Themes (2025)
    May 26, 2025

Related Posts

Why are my variant swatch images blank on the Showcase theme?
Rubik Variant Images Guides, Shopify Tips & Tutorials

Why are my variant swatch images blank on the Showcase theme?

August 4, 2026

Showcase builds a filename out of your option value and loads that file. A capital letter, an accent or a slash breaks the match, and a missing file is not an error, so nothing tells you. Here is how to find it.

How do I hide variant thumbnails on the Motion theme?
Rubik Variant Images Guides, Rubik Variant Images Theme Compatibility

How do I hide variant thumbnails on the Motion theme?

August 4, 2026

Hiding the thumbnail strip on Motion is usually the wrong lever. Archetype ships a free alt tag feature that filters instead, with three limits worth reading before you commit to it.

Fabrica theme: how do I show different colors on the product page?
Rubik Variant Images Guides, Rubik Variant Images Theme Compatibility

Fabrica theme: how do I show different colors on the product page?

August 4, 2026

Fabrica is not a Theme Store theme, so the usual advice does not apply. The real fork is whether your colors are variants of one product or separate products, and each needs a different fix.

Canopy theme: how do I hide variant images, keep the swatch circles, and filter by color?
Rubik Variant Images Guides, Shopify Tips & Tutorials

Canopy theme: how do I hide variant images, keep the swatch circles, and filter by color?

August 4, 2026

Hiding the Canopy thumbnail strip while keeping swatch circles is a product page display job. Feeding a color metafield into the filter menu is Search and Discovery work. Two jobs, two systems, and one of them no swatch app can do.

  • Documentation
  • Partners
  • Privacy Policy
  • Affiliate
cratshift logo beyaz

We are a Shopify Partner offering high-quality app solutions crafted for Shopify.

Our Apps
  • Smart Bulk Image Upload
  • Export Product Images
  • Bulk Delete Products
  • Rubik Variant Images
Quick Links
  • Pricing
  • Contact Us
  • FAQ
  • Blog
Blog Categories
  • Shopify Tips & Tutorials
  • Rubik Variant Images Guides
  • Integrations & Partnerships
  • Shopify News
cropped rubikvariantimageslogo

© 2025 Rubik Variant Images by Craftshift®

All rights reserved.