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

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.

Quick answer: on the Vessel theme, Shopify natively links one featured image to each variant. To show the full set of images for the selected variant on Vessel and add swatches, a variant image app assigns photos per variant and filters the gallery on selection.

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

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

  • theme ID finder tool (find any Shopify theme name or ID)
  • 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 (130)
  • Rubik Variant Images Theme Compatibility (59)
  • Shopify Dropshipping (1)
  • Shopify News (3)
  • Shopify Tips & Tutorials (151)
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
  • List of All Shopify Theme Store IDs (Updated 2025)
    List of All Shopify Theme Store IDs (Updated 2025)
    September 16, 2025
  • How to add color swatches to Shopify
    How to add color swatches to Shopify (no code)
    April 3, 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
  • 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
  • Activate Variant Image Swatches in All New Shopify Free Themes Horizon Themes Without Code or App
    Activate Variant Image Swatches in All New Shopify Free Themes (Horizon Themes) – Without Code or App
    June 9, 2025
  • how to find theme store id shopify
    How to Find Your Theme’s Shopify Theme Store ID (2025 Guide)
    April 21, 2025
  • Rubik Variant Images
    Shopify Multiple Variant Images – How to Display Images Specific to the Selected Variant?
    March 3, 2025
  • image 5
    How to Display Multiple Variant Images with Rubik Variant Images on Instant Page Builder ?
    April 9, 2025

Related Posts

a bold product page with a variant swatch row filtering the photo gallery to one color, theme variant images concept
Rubik Variant Images Theme Compatibility

How to show variant images on the Shopify Broadcast theme

July 7, 2026

The Broadcast theme shows one image per variant natively. Here is how to show only the selected variant’s images, add color and image swatches, and display multiple photos per variant on Broadcast, with no code.

a variant selector row with a small warning symbol and a wrench icon fixing it, theme troubleshooting concept
Rubik Variant Images Theme Compatibility

How to fix variant selection errors in the Shopify Horizon theme

July 7, 2026

Horizon theme variant selector not working? Clicks not registering, the wrong image showing, or buttons stacking oddly? Here are the most common Horizon variant selection errors and how to fix each one.

a variant picker row showing photo thumbnail swatches with a click cursor selecting one, image swatch setup
Rubik Variant Images Guides

How to add image swatches in Shopify (photo swatches in the variant picker)

July 7, 2026

Image swatches turn a plain variant dropdown into clickable photo thumbnails of each option. Here is how to add image swatches in Shopify, step by step, and how they differ from hex color swatches.

a row of small image swatch thumbnails showing different fabric textures and colors with a click cursor selecting one
Rubik Variant Images Guides

What is a swatch image? Shopify swatches explained (image vs color vs button)

July 7, 2026

A swatch image is a small thumbnail that represents a product variant, like a fabric or color, that a shopper clicks to select it. Here is what a swatch image means, how it differs from a color swatch and a button, and where each one appears on Shopify.

  • 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.