How to add combined listing swatches to Shopify Spotlight theme

Shopify Spotlight theme (ID: 1891) is a premium theme built for fashion, streetwear, and lifestyle brands. It has bold typography and editorial layouts that make products stand out. But if you sell the same item in multiple colors as separate listings, Spotlight does not natively link them together.

Rubik Combined Listings Swatch includes native code for Spotlight. Group your separate products and add swatches on product pages and collection cards. Each product keeps its own URL, images, and SEO.

In this post

What you get on Spotlight

  • Color swatches on product pages. Below the product title. Click to navigate to that color’s product page.
  • Swatches on collection cards. Hover to preview each color on the product card.
  • 4 swatch types. Image, color, button, dropdown.
  • Magic Fill AI. Auto-fills option values and swatch colors.
  • Bulk grouping. Title patterns, tags, or metafields.
  • Per-group visual settings. Each product group can have its own swatch design.
  • Collection filters not affected. Metaobject-based data. No product restructuring.

Setup (5 minutes)

  1. Install Rubik Combined Listings and activate the app embed.
  2. The app auto-detects Spotlight (ID: 1891).
  3. Create a product group. Add your color products.
  4. Click Magic Fill.
  5. Save.

Full setup guide | Video tutorial | 350+ supported themes

Demo store | Docs | Knowledge base

Watch It in Action

See Rubik Combined Listings in action:

Frequently asked questions

Does Rubik Combined Listings work with Spotlight theme?

Yes. Native code for Spotlight (ID: 1891) is included.

What about multiple images per variant?

Use Rubik Variant Images alongside Combined Listings. Both support Spotlight. Read variant images in Spotlight theme.

Do I need Shopify Plus?

No. Every plan. Free: 5 groups. Details.