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.
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.
- Install Rubik Variant Images from the Shopify App Store.
- Go to your theme editor and activate the Rubik app embed. The app auto-detects Vessel (ID: 3628).
- Open a product in the Rubik dashboard. Drag images onto variants or click AI auto-assign.
- Enable swatches. Pick your type (image, color circle, or pill).
- 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.
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.




