Questions & Answers Rubik Variant Images & Swatch

By default, Shopify shows all product images regardless of the selected variant. Rubik Variant Images & Swatch solves this by letting you assign specific images to each variant. When a customer selects a variant, the product gallery updates to show only the assigned images.

Install the app, enable the app embed on your theme, and open a product to start assigning images with drag-and-drop. The app works with 350+ Shopify themes including Dawn, Horizon, Prestige, Impulse, and more.

Shopify's built-in variant system only allows one image per variant. Rubik Variant Images & Swatch removes this limitation. Drag as many images as you need onto a variant in the app, and all assigned images display in the gallery when that variant is selected.

This is especially useful for products where each color or style needs multiple angles, close-ups, or lifestyle shots. You can also assign videos and 3D models to specific variants.

Rubik Variant Images & Swatch replaces the default variant dropdown with visual swatches. Enable the swatch feature in the app and choose from three types:

• Image swatches:thumbnails of each variant's image
• Color swatches:solid color fills you assign to each option value
• Pill buttons:text buttons ideal for sizes and labels

The variant picker updates automatically on your storefront with no code changes required. Customize the swatch appearance using the Swatch Style editor.

After assigning images to variants in Rubik Variant Images & Swatch, enable the swatch feature. Image swatches automatically display thumbnails of each variant's assigned image, creating a visual variant picker that also controls the product gallery.

When a customer clicks an image swatch, the gallery switches to show only that variant's images. This combines variant image management and visual swatches in a single app.

Rubik Variant Images & Swatch displays a diagonal line through sold-out variant swatches, making unavailable options visually distinct. You can customize the sold-out style including the line color in the Swatch Style editor.

This helps customers quickly identify available options without clicking through every variant.

Install Rubik Variant Images & Swatch and enable the swatch feature. The app automatically replaces the default variant dropdown with visual swatches on all configured products.

Choose between image swatches, color swatches, or pill buttons. The swatch picker works on 350+ Shopify themes and supports products with multiple option types (e.g., Color + Size). No theme code editing is required.

Rubik Variant Images & Swatch switches the product gallery to show only the images assigned to the selected variant. Assign images via drag-and-drop in the app, enable the app embed, and the gallery updates automatically on variant selection.

You can assign any number of images per variant, including videos and 3D models. The first assigned image becomes the variant's featured image.

Use Rubik Variant Images & Swatch pill swatches for size options. The app displays size values (S, M, L, XL, etc.) as clickable text buttons instead of a dropdown.

Customize the shape, font size, padding, border, and colors in the Swatch Style editor. You can use pills for sizes alongside image or color swatches for other options like Color.

Rubik Variant Images & Swatch supports custom swatch images and colors. Upload texture or pattern images as custom swatches, or assign specific hex colors to each variant option value.

This is perfect for showing fabric textures, material close-ups, or specific color fills. Customize swatch shape, size, borders, and tooltips in the Swatch Style editor, or use custom CSS for advanced styling.

Install Rubik Variant Images & Swatch and enable the app embed on your Dawn theme. Assign images to variants using drag-and-drop.

The app is fully compatible with Dawn and displays only the selected variant's images in the product gallery. You can assign multiple images per variant, and they appear in the order you set.

Rubik Variant Images & Swatch adds color swatches to Dawn without any code changes. Enable the swatch feature in the app, and visual swatches replace the default Dawn variant picker.

Choose between image swatches, color swatches, or pill buttons. All swatch styles are rendered inside Shadow DOM, so they never conflict with your Dawn theme's CSS.

Rubik Variant Images & Swatch marks sold-out variants with a diagonal line on the Dawn theme. Enable the swatch feature and customize the sold-out style in the Swatch Style editor.

Unavailable variant combinations are visually distinguished from available ones, helping customers quickly find options that are in stock.

Install Rubik Variant Images & Swatch to fully customize variant selection on Dawn. The Swatch Style editor provides controls for:

• Swatch shape (square, rounded, circle), size, and borders
• Selected and hover state colors
• Tooltips and text labels
• Spacing and alignment
• Sold-out variant styles

All customization is no-code. For advanced styling, use custom CSS with 100+ CSS variables.

Rubik Variant Images & Swatch lets you assign multiple images per variant on Dawn. Drag as many images as needed onto each variant in the app.

When a customer selects that variant, all assigned images appear in the Dawn product gallery. You can also use AI-powered auto-assign to automatically match images to the correct variants based on visual similarity.

Install Rubik Variant Images & Swatch and enable the app embed on your Horizon theme. Assign images to each variant using drag-and-drop.

The app fully supports Horizon and displays only the selected variant's images in the product gallery. Watch the Horizon variant images tutorial for a step-by-step guide.

Rubik Variant Images & Swatch replaces the default Horizon variant picker with visual swatches. Enable the swatch feature and choose between image swatches, color swatches, or pill buttons. No code changes to your Horizon theme are needed.

Watch the Horizon swatch setup tutorial for a complete walkthrough.

Rubik Variant Images & Swatch displays a diagonal line through sold-out variant swatches on the Horizon theme. Enable swatches in the app and customize the sold-out style in the Swatch Style editor to match your store's design.

After assigning images to variants in Rubik Variant Images & Swatch, the Horizon product gallery automatically shows only the images for the currently selected variant. Unassigned images can be shown for all variants or hidden entirely.

The app supports multiple images per variant, videos, and 3D models on Horizon.

Install Rubik Variant Images & Swatch and enable the swatch feature. The app automatically replaces the default Horizon dropdown with visual swatches: image swatches, color swatches, or pill buttons.

All swatch styles are rendered inside Shadow DOM, ensuring no CSS conflicts with your Horizon theme. Customize the appearance using the Swatch Style editor or custom CSS.