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 Theme Compatibility

Vessel theme variant images: show only the selected variant (Shopify)

April 3, 2026
Variant images in Shopify Vessel theme

Short answer: Vessel 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. Vessel runs on 49 stores using it as of July 2026.

Shopify Vessel theme (ID: 3628) is a free theme from the Horizon collection, released in 2025. It is built for visual storytelling and editorial content, with immersive product pages that give photography plenty of room. But Vessel has the same core limitation as every other Shopify theme: one image per variant.

If you sell a jacket in 6 colors with 5 lifestyle shots each, selecting “Olive” swaps the featured image but all 30 photos stay in the gallery. Customers have to scroll past every other colorway to find the one they picked.

Rubik Variant Images & Swatch includes native code for Vessel and all Horizon collection themes. Assign multiple images per variant, filter the gallery in real time, and replace the default picker with image swatches, color circles, or pill buttons.

In this post

  • What you get on Vessel with Rubik
  • Setup (5 minutes)
  • Horizon theme detection
  • Works on all Shopify free themes
  • Frequently asked questions
  • Related reading

What you get on Vessel with Rubik

  • Multiple images per variant. Assign unlimited images, videos, and 3D models to each variant. The gallery filters instantly when a customer picks a color or style.
  • Visual swatches. Image thumbnails, color circles, or pill buttons. Mix types per option (images for Color, pills for Size). Swatches render inside Shadow DOM to prevent CSS conflicts with Vessel’s layout.
  • AI auto-assign. Analyzes your product photos and matches them to the correct variants by visual similarity. One click per product. Useful for large catalogs. Learn more about AI auto-assign.
  • Bulk assign. Apply variant image assignments across multiple products at once from the app dashboard.
  • Common images. Lifestyle shots, size charts, or packaging photos stay visible for all variants.
  • No code editing. Works through Shopify’s app embed system. No Liquid files to touch. Theme updates do not break anything.

Setup (5 minutes)

No code editing needed. Install the app, enable the embed, and assign images.

  1. Install Rubik Variant Images from the Shopify App Store.
  2. Go to your theme editor and activate the Rubik app embed. The app auto-detects Vessel (ID: 3628).
  3. Open a product in the Rubik dashboard. Drag images onto variants or click AI auto-assign.
  4. Enable swatches. Pick your type (image, color circle, or pill).
  5. Save and visit the product page.

If images are not showing after setup, check the variant images not showing troubleshooting guide.

Horizon theme detection

Vessel is part of the Horizon theme collection. Horizon themes use variant-picker web components that differ from Dawn-based themes. Standard DOM queries used by most apps will not find the variant selectors inside these components.

Rubik has specific detection code for Horizon themes. It identifies the web component boundaries, reads variant selections from within them, and injects swatches in the correct location. This means gallery filtering and swatch rendering work on Vessel the same way they do on Dawn or any other supported theme. You do not need to configure anything for this to work.

Works on all Shopify free themes

Switch themes anytime. Your variant image assignments carry over. Rubik supports every Shopify free theme with native code:

Dawn (887), Horizon (2481), Refresh (1567), Sense (1356), Craft (1368), Taste (1434), Ride (1500), Colorblock (1499), Crave (1363), Studio (1431), plus the full Horizon collection: Atelier (3621), Fabric (3622), Dwell (3623), Heritage (3624), Ritual (3625), Savor (3626), Tinker (3627), Vessel (3628), Pitch (3620). Full list: 350+ supported themes.

Try Rubik Variant Images free

Demo store | Docs | Knowledge base

Frequently asked questions

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

Rubik Variant Images, built by Craftshift, is the app we build for this and Vessel 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 work with Shopify Vessel theme?

Yes. Rubik includes native code for Vessel (ID: 3628) and all Horizon collection themes. Variant detection, gallery filtering, and swatch placement work automatically.

Can I show multiple images per variant on Vessel?

Not with Shopify alone. Shopify allows one image per variant. Rubik lets you assign unlimited images, videos, and 3D models to each variant. The gallery filters to show only the selected variant’s images in real time.

Does Rubik handle Horizon web components differently?

Yes. Horizon themes use variant-picker web components instead of standard DOM elements. Rubik detects these automatically and reads variant selections from within the component boundaries. No extra configuration needed.

Will this slow down my Vessel store?

No. Rubik loads variant image data through metafields that ship with the page. No external API calls. No impact on Core Web Vitals. Read more in swatch apps and store speed performance.

Related reading

  • Variant images in Sense theme
  • Variant images in Craft theme
  • Variant images in Spotlight theme
  • How to show only the selected variant’s images
  • Variant images FAQ
  • Variant images complete guide (CraftShift)
  • Combined listings setup guide (Rubikify)
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 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
  • 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

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.