Free for 1 product. Starter $25/month for 100, Advanced $50/month for 1,000, Premium $75/month for unlimited.

Rubik Variant Images Theme Compatibility

Shopify Publisher theme variant images setup

April 6, 2026

If you are wiring up shopify publisher theme variant images for a content-heavy or editorial Shopify store, you have probably found that Publisher’s article-first layout is great for storytelling but leaves the variant gallery on product pages working the same flat way every other theme does. Publisher is built for merchants who treat content as part of the product. Magazines that sell merchandise, media brands with a product line, book publishers with companion goods, and editorial-led DTC brands all gravitate to it.

Publisher leans heavily into long-form sections, rich typography, embedded media, and a blog-like rhythm across the storefront. The product page benefits from the same polish, with generous space for descriptions and lifestyle imagery. The catch is the same one every Shopify theme has: the product gallery does not filter per variant, and the variant picker has no real swatch system.

This guide covers Publisher as a theme, the kind of merchants who use it, the variant gallery and swatch gaps you will hit on it, and how Rubik Variant Images plugs into Publisher’s product page to filter the gallery and add proper swatches without disturbing the editorial rhythm.

## Table of contents
– [About Publisher](#about)
– [Publisher strengths](#strengths)
– [Variant image gaps](#limits)
– [How Rubik fits Publisher](#how-rubik)
– [Publisher setup walkthrough](#setup)
– [Swatch design for editorial product pages](#swatches)
– [Troubleshooting Publisher](#troubleshooting)
– [Real example: a Publisher media brand](#example)
– [FAQ](#faq)
– [Related reading](#related)

About Publisher

Publisher is a Shopify theme designed for content-heavy stores. It positions itself as the right pick for merchants whose storefront also functions as an editorial outlet. Magazines that sell branded merchandise, podcast networks with merch lines, niche media properties with curated product picks, and authors or publishers with companion goods are the typical fit.

The theme treats articles, sections, and product pages with equal weight. The blog is not a side feature, it is part of the main browsing experience. Section blocks for featured articles, related reading, and cross-content references are first-class citizens.

Publisher strengths

Publisher’s biggest strength is rhythm. The page flows as a reading experience. Typography is editorial. Spacing is generous. The product page opens with title, hero image, and price, then unfolds into long-form description sections that feel more like a magazine spread than a SKU sheet.

Section blocks for embedded media, pull quotes, related articles, and rich text are easy to combine. The variant picker sits below the product story rather than fighting it for attention. Mobile keeps the editorial tone.

For broader cross-theme background, the [Shopify variant images complete guide](/shopify-variant-images-complete-guide/) covers the underlying mechanics every Shopify theme inherits.

Variant image gaps

Publisher inherits Shopify’s default variant image behavior. One featured image per variant. Switch the variant and the gallery jumps to that one image, while the rest of the gallery still shows every other variant’s photos.

For an editorial brand selling, say, a tote bag in four colors with three lifestyle photos each, that is twelve photos in one gallery. Publisher’s editorial rhythm makes the mismatch feel even more out of place because every other section on the page is curated and intentional. The variant gallery is the one section that does not behave that way.

The native variant picker on Publisher is a basic dropdown or button list. There is no built-in swatch system, no image swatches, no per-option styling. For a theme that prides itself on layout polish, the variant picker is the rough edge.

How Rubik fits Publisher

Rubik Variant Images is a product page app and Publisher is exactly the kind of theme where its scope lands cleanly. Two things happen on the Publisher product page. The gallery filter narrows the media area to only the images for the selected variant. The swatch block adds a polished picker that matches Publisher’s editorial tone.

Loading is metafield-based with no external API calls. The variant data ships with the page itself, which preserves the calm load experience Publisher merchants tune for.

Rubik integrates as a Publisher app embed plus a Product information block. Both appear in the Publisher theme editor. No file edits, no theme fork, no broken updates.

Publisher setup walkthrough

### 1. Install
Open the [Rubik Variant Images app listing](https://apps.shopify.com/rubik-variant-images?utm_source=rubikvariantimages&utm_medium=blog&utm_campaign=shopify-publisher-theme-variant-images) and add it to your Publisher store. Free plan covers one product so you can prove it on a single SKU.

### 2. Enable the Publisher app embed
In the Publisher theme editor, click **App embeds** in the left rail. Toggle on **Rubik Variant Images**. Save. The embed loads the gallery filter and swatch styles on every product page.

### 3. Map images to variants
Open the Rubik dashboard and pick a product. Three approaches:

– Manual drag-and-drop, suited to editorial brands that care about exact image order per variant.
– AI auto-assign per product, which reads name, variant name, image filename, and image alt text via Claude AI. Walked through in [the AI auto-assign guide](/rubik-ai-auto-assign-variant-images/).
– Bulk assign across the catalog, which uses Shopify gallery order with featured image boundaries to group images per variant in the background. Covered in [the bulk assign post](/rubik-bulk-assign-variant-images/).

### 4. Verify on the storefront
Open a Publisher product page and click between variants. The gallery should narrow to only the selected variant’s images.

### 5. Add the Rubik Swatches block
In the Publisher theme editor, find the **Variant picker** block in the Product information section. Hide it. Add **Rubik Swatches** in its place. The block respects Publisher’s spacing tokens, so it slots into the editorial rhythm without crowding the layout.

Swatch design for editorial product pages

Editorial themes like Publisher reward restraint. The page is doing a lot of visual work already. Swatches should be present but not loud.

For Publisher, circles at 32 to 38 pixels feel right. Use a 1 pixel border in a soft neutral and a 2 pixel selected ring in the brand accent. Keep spacing between swatches generous so they read as part of the editorial layout, not as a UI module pasted on top.

Image swatches are a strong fit for editorial brands. A magazine selling a tote bag in four prints should use thumbnail crops of each print. A publisher selling a book in three cover variants can use cover thumbnails. Image swatches communicate the visual story far better than a label.

For more on the swatch versus dropdown question at the conversion level, see the [swatches vs dropdowns post](https://craftshift.com/shopify-swatches-vs-dropdowns-color-variants/?utm_source=rubikvariantimages&utm_medium=blog&utm_campaign=shopify-publisher-theme-variant-images).

Troubleshooting Publisher

**Gallery still shows every variant.** App embed is off. Theme editor, App embeds, toggle Rubik Variant Images on, save.

**Two pickers visible.** Native variant picker is still on. Hide the Variant picker block in Product information.

**Block missing in theme editor.** If you are on an older Publisher version that pre-dates the OS 2.0 section model, update the theme. Recent Publisher versions support standard app blocks.

**Gallery jumps before filter applies.** Enable the featured image override in Rubik settings to suppress the brief jump.

**Custom Publisher template.** If you built a one-off product template instead of using the default Publisher product template, add the Rubik Swatches block in the custom template manually.

Real example: a Publisher media brand

A niche food magazine using Publisher sells a quarterly issue, an annual subscription, plus a small range of branded kitchen tools. The kitchen tools come in three colors each. Before installing Rubik, the product gallery on a tool product mixed every color in one scroll, which broke the otherwise editorial feel of the page.

After installing Rubik and using AI auto-assign on each tool product, the gallery now narrows to just the selected color’s photos. They added image swatches showing each color’s hero crop. Add to cart on tool products improved and reader feedback on the storefront stopped flagging the gallery as a rough spot.

For media brands that publish related products as separate SKUs and want collection-page swatches as well, [Rubik Combined Listings on rubikify.com](https://rubikify.com/shopify-combined-listings-explained/?utm_source=rubikvariantimages&utm_medium=blog&utm_campaign=shopify-publisher-theme-variant-images) covers the cross-product side. Rubik Variant Images stays on the product page where Publisher’s editorial polish lives.

FAQ

**Is Publisher supported by Rubik Variant Images?**
Yes. Publisher is a supported OS 2.0 Shopify theme. The app embed and section blocks slot directly into the standard product page.

**Does Publisher have native variant swatches?**
No. Publisher uses a basic dropdown or button list. Real swatches and image swatches require Rubik or a similar app.

**Will it slow down my Publisher product page?**
No. Loading is metafield-based with no external API calls. The product page stays as fast as it was before install.

**Does it touch my Publisher theme files?**
No. The integration uses Publisher’s app embed and section block API. No Liquid edits, no fork.

**What does it cost?**
Free for 1 product. Starter $25/month for 100 products, Advanced $50/month for 1,000, Premium $75/month for unlimited.

**Can I use Rubik on a custom Publisher product template?**
Yes. Add the Rubik Swatches block to the custom template in the same place the variant picker sits.

**Will Publisher updates break the integration?**
No. The setup uses Publisher’s app embed and OS 2.0 block API, which carry through theme updates.

– [Shopify variant images complete guide](/shopify-variant-images-complete-guide/)
– [Shopify Dawn theme variant images](/shopify-dawn-theme-variant-images/)
– [Shopify Spotlight theme variant images](/shopify-spotlight-theme-variant-images/)
– [Shopify Palo Alto theme variant images](/shopify-palo-alto-theme-variant-images/)
– [Rubik bulk assign variant images](/rubik-bulk-assign-variant-images/)
– [Shopify variant images guide on Craftshift](https://craftshift.com/shopify-variant-images-complete-guide/?utm_source=rubikvariantimages&utm_medium=blog&utm_campaign=shopify-publisher-theme-variant-images)

## Make Publisher’s product page editorial all the way through

Install [Rubik Variant Images](https://apps.shopify.com/rubik-variant-images?utm_source=rubikvariantimages&utm_medium=blog&utm_campaign=shopify-publisher-theme-variant-images) on your Publisher store, prove it on one product with the free plan, and let the variant gallery match the rest of your editorial polish.