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 Add Variant Image Swatches in Shopify Horizon Theme (Product & Collection Pages)

September 17, 2025
How to Add Variant Image Swatches in Shopify Horizon Theme (Product & Collection Pages)

Horizon is Shopify’s newest free theme, released in 2025, part of the Horizon collection. Along with Atelier, Savor, Fabric (and others like Ritual, Vessel, Heritage, Tinker, Pitch, Dwell), these are all Horizon‐type themes. These themes include built-in version image swatches (for product pages and collection pages) without needing to install any app.

In this post, we’ll show you how to enable image swatches in Horizon themes (including Atelier, Fabric, Savor, etc.) so that your product and collection pages display variant image swatches seamlessly.

How to Enable Variant Image Swatches in Horizon Themes

  1. Go to Online Store > Themes > Customize in your Shopify admin.
  2. Open the default product (shown on top) or simply click on any product.
  3. In the left-hand sidebar, select Product information.
  4. Locate the Variant picker block.
  5. Change the style from Dropdowns to Buttons.
  6. Toggle on Swatches to enable built-in variant image swatches.
image
  1. While still in the theme editor, open Theme settings.
  2. Click on the Swatches section.
  3. Toggle Use variant images to On.
image

Now your swatches will display using variant images instead of just plain colors, and you can fully customize them by adjusting the width, height, and borders in the theme editor.

Please make sure to assign images to each variant in the Variants section on the product edit page. If you’ve completed all the steps but your swatches still don’t appear on a fresh Shopify store, the issue might be related to the product’s selected category.

image

If you’re looking for even more flexibility, such as showing multiple images per variant or advanced customization beyond what Horizon themes offer, you can use our Rubik Variant Images & Swatch app. It works seamlessly with all Shopify themes and gives you full control over variant-specific image galleries, swatches, and product media display. For a detailed guide, check out our blog post on Shopify Multiple Variant Images & Variant Image Swatch Guide (2025).

FAQ

Do Horizon themes support swatches without an app?

Yes. Horizon and its related themes like Atelier, Savor, and Fabric include built-in product page and collection page swatches, so you don’t need to install a third-party app.

How do I enable variant image swatches in Horizon themes?

Go to Online Store > Themes > Customize, select your product, then open Product information > Variant picker, switch style to Buttons, and toggle on Swatches.

Can I show variant images instead of just colors?

Yes. In Theme settings > Swatches, turn on Use variant images, which makes the swatches display actual variant photos.

Why are my swatches not appearing after setup?

Make sure you’ve assigned a main image to each variant in the product editor. If the issue persists on a new Shopify store, check the product’s selected category.

Can I customize the style of my swatches?

Yes. You can adjust width, height, and borders directly in the theme editor to match your store design.

What if I need more advanced variant image features?

You can use Rubik Variant Images & Swatch, which allows assigning multiple images per variant and works with all Shopify themes.

Keywords: Shopify Horizon theme swatches, Horizon theme variant image swatches, Shopify free themes 2025, Horizon Atelier Savor Fabric themes, Shopify product page swatches, Shopify collection page swatches, Built-in Shopify swatches no app, Enable variant image swatches Shopify, Shopify variant picker buttons vs dropdowns, Rubik Variant Images & Swatch app

Umid Aydemir

Co-Founder of Rubik Variant Images & Swatch

Post navigation

Previous
Next

Search

Categories

  • Affiliate Program (1)
  • Integrations & Partnerships (13)
  • Rubik Variant Images Guides (21)
  • Rubik Variant Images Theme Compatibility (11)
  • Shopify Dropshipping (1)
  • Shopify News (3)
  • Shopify Tips & Tutorials (52)
badge shopify app store dark

Trending Posts

  • List of All Shopify Theme Store IDs (Updated 2025)
    List of All Shopify Theme Store IDs (Updated 2025)
    September 16, 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 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 Find Your Shopify Theme Store ID (Step by Step Guide)
    How to Find Your Shopify Theme Store ID (Step-by-Step Guide)
    September 16, 2025
  • How to Group Products into One Combined Listing with Variants on Shopify
    How to Group Products into One Combined Listing with Variants on Shopify
    September 13, 2025
  • Overcoming Shopify’s 100 Variant & 250 Image Limit (2025 Guide) white
    Overcoming Shopify’s 100 Variant & 250 Image Limit (2025 Guide)
    September 18, 2025
  • How to Display Multiple Variant Images in Shopify (No Coding)
    How to Display Multiple Variant Images in Shopify (No Coding)
    September 19, 2025
  • Activate Variant Image Swatches in All New Shopify Free Themes Horizon Themes Without Code or App
    Activate Variant Image Swatches in All New Shopify Free Themes (Horizon Themes) – Without Code or App
    June 9, 2025
  • Shopify Shrine Pro Theme Variant Image Guide
    How to Add Multiple Variant Images in Shopify Shrine Pro Theme
    September 13, 2025
  • shopify multiple variant images and variant image swatch
    Shopify Multiple Variant Images & Variant Image Swatch Guide (2025)
    August 28, 2025

Related Posts

How to Display Multiple Variant Images in Shopify (No Coding)
Shopify Tips & Tutorials, Rubik Variant Images Guides

How to Display Multiple Variant Images in Shopify (No Coding)

September 19, 2025

Showing the right images for each product variant is important for boosting conversions and reducing returns. Instead of displaying all product images together, you can show only the images related to the selected variant without writing any code. This is where Rubik Variant Images & Swatch comes in. The app allows you to assign multiple […]

Overcoming Shopify’s 100 Variant & 250 Image Limit (2025 Guide) white
Shopify Tips & Tutorials

Overcoming Shopify’s 100 Variant & 250 Image Limit (2025 Guide)

September 18, 2025

Shopify is one of the most popular e-commerce platforms today, but one of the most common issues merchants face with highly customizable products is the 100 variant limit and the 250 image limit. For example, if you have two or more variant options (such as color + pattern + size) and many possible combinations, the […]

List of All Shopify Theme Store IDs (Updated 2025)
Shopify Tips & Tutorials

List of All Shopify Theme Store IDs (Updated 2025)

September 16, 2025

Every theme in the Shopify Theme Store has a unique identifier called the Theme Store ID. This ID is different from the theme ID that is specific to your own store. The Theme Store ID remains the same across all stores using the same theme. For example, if your theme is Dawn, its Theme Store […]

How to Find Your Shopify Theme Store ID (Step by Step Guide)
Shopify Tips & Tutorials

How to Find Your Shopify Theme Store ID (Step-by-Step Guide)

September 16, 2025

Every theme in the Shopify Theme Store has its own unique Theme Store ID. It’s important not to confuse this with the theme ID that is specific to your own store. For example, any theme you install in your store will also have a unique ID assigned to it. That is not the one we […]

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