Vessel is a Shopify theme from the Horizon collection, built for visual brands that rely on storytelling and product imagery. It looks great out of the box. But if you sell the same product in multiple colors as separate listings, Vessel has no built-in way to link them. Customers land on one color and have no idea the other five exist.
Rubik Combined Listings Swatch includes native support for Vessel and the entire Horizon collection. It groups your separate products and adds color swatches on product pages and collection page product cards. Each product keeps its own URL, images, and SEO.
In this post
- What Combined Listings adds to Vessel
- Setup (5 minutes)
- Horizon theme compatibility
- Frequently asked questions
- Related reading
What Combined Listings adds to Vessel
- Color swatches on product pages. Swatches appear below the product title. Click one to navigate to that color’s product page with its own photos and SEO.
- Swatches on collection page product cards. Each product card in your Vessel collections shows color swatches. Customers can preview every color without clicking into the product.
- Image swap on hover. Hovering a swatch on a product card changes the card image to show that color. Customers browse your full range from the collection page.
- 4 swatch types. Image (product photo thumbnails), color (solid or dual-color), button/pill, or dropdown. Mix types per group.
- 11 product page presets + 8 product card presets. Pick a starting point and fine-tune with 70+ CSS variables or the AI visual assistant.
- Shadow DOM rendering. Vessel uses Horizon web components. Rubik renders swatches inside a Shadow DOM container, so theme CSS and swatch CSS stay completely isolated. No conflicts.
- Magic Fill AI. Auto-fills option values and picks swatch colors from your product data.
- Bulk grouping. Create all groups at once from product titles, tags, or metafields.
- Collection filters not affected. Rubik stores data in metaobjects. Your variant options and filters stay untouched.
Setup (5 minutes)
- Install Rubik Combined Listings and activate the app embed.
- The app auto-detects Vessel as a Horizon collection theme.
- Create a product group. Add your separate color products.
- Click Magic Fill. The AI reads your product titles and images, fills option values and picks swatch colors.
- Save. Swatches appear on your Vessel product page and collection cards.
For many products at once, use bulk grouping to create all groups from product titles, tags, or metafields.
Full setup guide | Customize swatch appearance
Horizon theme compatibility
Vessel is part of the Horizon collection. These themes use Shopify’s newer web component architecture. Rubik fully supports Horizon web components and renders swatches inside Shadow DOM containers, which keeps swatch styles isolated from any theme CSS.
If you switch from Vessel to another Horizon collection theme (Atelier, Fabric, Dwell, Heritage, Ritual, Savor, Tinker, Pitch) or any other Shopify theme, your product groups carry over. Rubik supports the Horizon base theme (ID: 2481), all Horizon collection themes, every Shopify free theme, and 350+ premium themes.
Demo store | Docs | Knowledge base
Frequently asked questions
Does Rubik Combined Listings work with Vessel theme?
Yes. Rubik includes native support for Vessel and the full Horizon collection. Swatches appear in the correct position on product pages and collection cards. Horizon web components are fully supported.
Do swatches show on Vessel collection pages?
Yes. Product cards in Vessel collections show color swatches with image swap on hover. Enable “Product card swatches” in the app settings. For better performance, add the product card app block through “Manage app blocks” on the dashboard. Read more about swatches on product cards.
What about multiple images per variant on Vessel?
Use Rubik Variant Images alongside Combined Listings. Both support Vessel and the Horizon collection. Read variant images on Vessel theme.
Do I need Shopify Plus?
No. Works on every Shopify plan. Free plan: 5 groups. Read the full FAQ.
