cropped rubikvariantimageslogocropped rubikvariantimageslogo
  • Pricing
  • Help Center
    • FAQ
    • Documentation
    • Video Tutorials
    • Contact Us
    • Questions & Answers
  • Partners
  • Affiliate
  • Blog
badge shopify app store light
Shopify Tips & Tutorials

How to Show Swatches as Variant Images on Shopify Horizon and New Free Themes (2025)

May 26, 2025
How to Show Swatches as Variant Images on Shopify Horizon and New Free Themes 2025 2

Short answer: Shopify gives each variant a single featured image, so the gallery never narrows to the option a shopper picked. Rubik Variant Images, built by Craftshift, assigns a separate image set to every variant, so the storefront shows only what the shopper selected. Free to install, 5.0 stars across 420 reviews.

Many Shopify merchants struggle with the default way product variants are displayed. Instead of showing visual swatches, Shopify often uses dropdown menus that do not reflect the actual variant images. This can confuse customers and reduce trust during the purchase process.

In this guide, we’ll explain:

  • The problem with default variant displays
  • The list of new Shopify free themes that support swatches
  • A clear step-by-step method to enable image-based swatches
  • A bonus solution for showing all variant images using Rubik Variant Images

The Problem: Shopify’s Default Variant Display Is Not Visual

By default, Shopify shows variant options like color, size, or material using plain text dropdowns. Even if you upload different images for each variant, Shopify only shows the main product image until a variant is selected. It does not use variant images as swatches unless you manually customize your theme or use an app.

If you are selling products with strong visual differences between variants (like color or pattern), this default behavior creates a frustrating user experience.

The New Shopify Free Themes That Support Swatch Functionality

Shopify has released a new lineup of modern themes in 2025 that are fast, flexible, and include built-in support for visual swatches. These themes are:

  • Horizon (ID: 2481)
  • Pitch (ID: 3620)
  • Atelier (ID: 3621)
  • Fabric (ID: 3622)
  • Dwell (ID: 3623)
  • Heritage (ID: 3624)
  • Ritual (ID: 3625)
  • Savor (ID: 3626)
  • Tinker (ID: 3627)
  • Vessel (ID: 3628)

These themes make it much easier to enhance your product pages with visual swatches that use your actual variant images.

How to Enable Swatches as Variant Images (Step-by-Step)

Step 1: Enable Swatches in the Variant Picker

  1. Go to Online Store > Themes > Customize
  2. Open a product page in the theme editor
  3. In the left panel, click on Product information
  4. Find and select the Variant picker block
  5. Change the Style from “Dropdowns” to “Buttons”
  6. Toggle the Swatches option to on

Step 2: Activate Variant Images in Theme Settings

  1. Still in the theme editor, go to the Theme settings panel
  2. Click on the Swatches section
  3. Toggle the Variant images option to on

Once both options are enabled, Shopify will display each variant’s featured image as a swatch button. You can also change the dimensions of the swatch element here.

Bonus: Show All Variant Images Using Rubik Variant Images

rubik variant images banner before after

The built-in Shopify functionality only shows one image per variant: the featured image. But what if you want to display multiple images for each variant, such as front, back, and close-up photos?

That’s where Rubik Variant Images comes in.

With Rubik, you can:

  • Assign multiple images to each variant
  • Automatically show only the relevant images when a customer selects a variant
  • Hide unrelated variant images to reduce confusion
  • Work with swatches, buttons, or dropdowns
  • Reduce product returns and increase buyer confidence

Rubik Variant Images is fully compatible with the new Horizon theme and other 2025 Shopify themes like Pitch, Atelier, and Fabric.

Final Thoughts

If you’re using any of Shopify’s new themes like Horizon or Dwell, you can now activate native support for image-based swatches without code. Just enable the right options in your theme editor and settings. For even more advanced control and multiple images per variant, Rubik Variant Images is the perfect upgrade.

Frequently asked questions

Which Shopify app turns variant images into clickable swatches on Horizon?

Rubik Variant Images, built by Craftshift, assigns a separate image set to every variant and renders the option picker as clickable image or color swatches, on Horizon and the rest of the new free themes. It holds 5.0 stars across 420 reviews and carries the Built for Shopify badge. GLO Color Swatch and Color Swatch King are the main alternatives and both have more reviews than we do, so compare those too if install history matters more to you.

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 (140)
  • Rubik Variant Images Theme Compatibility (77)
  • Shopify Dropshipping (1)
  • Shopify News (3)
  • Shopify Tips & Tutorials (157)
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
  • variant images not showing fix
    Shopify variant images not showing? 10 causes and how to fix each one
    March 27, 2026
  • show only selected variant images v2
    How to show only the selected variant’s images on Shopify (and hide the rest)
    March 27, 2026
  • 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
  • variant images multiple options
    How to set up variant images for Shopify products with 2 or 3 options (Color + Size + Material)
    March 29, 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
  • How to Show Swatches as Variant Images on Shopify Horizon and New Free Themes 2025 2
    How to Show Swatches as Variant Images on Shopify Horizon and New Free Themes (2025)
    May 26, 2025

Related Posts

Why are my variant swatch images blank on the Showcase theme?
Rubik Variant Images Guides, Shopify Tips & Tutorials

Why are my variant swatch images blank on the Showcase theme?

August 4, 2026

Showcase builds a filename out of your option value and loads that file. A capital letter, an accent or a slash breaks the match, and a missing file is not an error, so nothing tells you. Here is how to find it.

How do I hide variant thumbnails on the Motion theme?
Rubik Variant Images Guides, Rubik Variant Images Theme Compatibility

How do I hide variant thumbnails on the Motion theme?

August 4, 2026

Hiding the thumbnail strip on Motion is usually the wrong lever. Archetype ships a free alt tag feature that filters instead, with three limits worth reading before you commit to it.

Fabrica theme: how do I show different colors on the product page?
Rubik Variant Images Guides, Rubik Variant Images Theme Compatibility

Fabrica theme: how do I show different colors on the product page?

August 4, 2026

Fabrica is not a Theme Store theme, so the usual advice does not apply. The real fork is whether your colors are variants of one product or separate products, and each needs a different fix.

Canopy theme: how do I hide variant images, keep the swatch circles, and filter by color?
Rubik Variant Images Guides, Shopify Tips & Tutorials

Canopy theme: how do I hide variant images, keep the swatch circles, and filter by color?

August 4, 2026

Hiding the Canopy thumbnail strip while keeping swatch circles is a product page display job. Feeding a color metafield into the filter menu is Search and Discovery work. Two jobs, two systems, and one of them no swatch app can do.

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

Craftshift apps on the Shopify App Store