Rubik Variant Images & Swatch

Video Tutorials Rubik Variant Images & Swatch

← Back to documentation

Watch step-by-step video tutorials for Rubik Variant Images & Swatch. Covers setup, variant swatches, AI features, and theme-specific guides.

Getting started & setup

How to set multiple variant images in Shopify

3:53

Complete setup guide showing how to install the app, enable the app embed, and assign images to variants using drag-and-drop.

What you'll learn:

  • How to install Rubik Variant Images & Swatch from the Shopify App Store
  • How to enable the app embed on your theme
  • How to assign images to variants with drag-and-drop
  • How the product gallery updates on variant selection

Show only selected variant images -DEMO

3:11

Live demonstration of variant image switching on a Shopify storefront.

What you'll learn:

  • How the product gallery looks before and after configuration
  • How variant selection filters the image gallery in real time
  • How unassigned images behave (shown for all or hidden)

Multiple variant options

4:24

How to configure products with multiple option types like Color and Size.

What you'll learn:

  • How to set which option controls image switching
  • How to assign images to specific option values
  • How to display secondary options as pills or dropdowns

Multiple variant combinations

9:50

Advanced configuration for products with many variant combinations.

What you'll learn:

  • How to manage products with complex variant matrices
  • How to assign images to specific combinations (e.g., Red + Large)
  • Tips for organizing images efficiently across many variants

Variant swatches

Variant image swatches on Horizon

6:22

Step-by-step guide to setting up variant image swatches on the Shopify Horizon theme.

What you'll learn:

  • How to enable variant swatches on Horizon
  • How to choose between image, color, and pill swatch types
  • How to customize swatch appearance with the style editor

Custom swatch images and colors

3:19

How to use custom images and hex colors as swatch thumbnails instead of product photos.

What you'll learn:

  • How to upload custom images as swatch thumbnails
  • How to assign specific hex colors to variant options
  • When to use custom swatches vs. product image swatches

Custom texture and pattern swatch images

4:18

Upload fabric textures, material patterns, and other custom images as swatch thumbnails.

What you'll learn:

  • How to prepare texture and pattern images for swatches
  • How to upload and assign custom swatch images
  • Best practices for swatch image sizing and quality

AI & bulk features

AI-powered auto-assign

2:48

How to use AI to automatically match product images to the correct variants.

What you'll learn:

  • How AI visual analysis matches images to variants
  • How to trigger AI auto-assign on a product
  • How to review and adjust AI assignments

Bulk assign variant images

4:34

Configure hundreds of products at once using bulk assign.

What you'll learn:

  • How to set up bulk assign rules
  • How to preview results before starting
  • How background processing works for large catalogs

Translation

Translate variant picker options

5:42

How to translate variant option names and values for multilingual Shopify stores.

What you'll learn:

  • How to translate option names (e.g., "Color" to "Couleur")
  • How to translate option values (e.g., "Red" to "Rouge")
  • How translations work with Shopify's built-in translation system

Theme-specific guides

Horizon -variant image swatches

11:27

Complete guide to setting up variant swatches on the Shopify Horizon theme.

What you'll learn:

  • How to configure variant images and swatches specifically for Horizon
  • How to customize swatch styles to match Horizon's design
  • Horizon-specific tips and best practices

Horizon -multiple variant images

4:20

Assign multiple images per variant on the Horizon theme.

What you'll learn:

  • How to assign multiple images to each variant on Horizon
  • How the Horizon gallery displays variant-specific images

Prestige -color-relevant images

7:59

Show only color-relevant images on the Prestige theme.

What you'll learn:

  • How to configure variant images on Prestige
  • How to display only the selected color's images in the gallery
  • Prestige-specific gallery behavior and tips

Prestige -variant images with AI

5:05

Use AI auto-assign to configure variant images on the Prestige theme quickly.

What you'll learn:

  • How AI auto-assign works with Prestige products
  • How to review and fine-tune AI assignments

Impulse -fix variant images

9:59

Resolve variant image display issues on the Impulse theme.

What you'll learn:

  • Common Impulse theme variant image issues and their causes
  • How to configure the app for proper image switching on Impulse
  • How to set up swatches on the Impulse theme

Impact -selected variant images

10:46

Display only the selected variant's images on the Impact theme.

What you'll learn:

  • How to set up variant images on the Impact theme
  • How the Impact gallery integrates with variant image switching
  • Impact-specific configuration tips

Concept -fix variant display

6:36

Fix variant image display on the Concept theme.

What you'll learn:

  • How to resolve variant display issues on the Concept theme
  • How to assign images for proper gallery filtering

Shrine Pro -selected variant images

2:11

Set up variant-specific image display on the Shrine Pro theme.

What you'll learn:

  • How to configure variant images on Shrine Pro
  • How the Shrine Pro gallery handles variant image switching

Palo Alto -selected variant images

1:57

Configure variant image switching on the Palo Alto theme.

What you'll learn:

  • How to set up variant images on Palo Alto
  • How the Palo Alto gallery displays variant-specific images

DropMagic -variant images

4:42

Set up variant images on the DropMagic theme.

What you'll learn:

  • How to configure variant images on DropMagic
  • How to integrate with DropMagic's product gallery

Related guides