Q: How Bulk Assign Variant Images Works

The Bulk Assign feature in Rubik Variant Images &amp; Swatch allows you to assign variant images to hundreds of products automatically, as long as your product images follow a consistent grouping structure. ![](https://storage.crisp.chat/users/helpdesk/website/-/5/7/8/6/57869ff1e0401000/image_aiq11h.png =191xauto) ||| This feature works with products that already have images grouped by variant, where the first image of each group is assigned to the related variant. ![](https://storage.crisp.chat/users/helpdesk/website/-/5/7/8/6/57869ff1e0401000/image_nxt8ft.png =635xauto) Bulk Assign analyzes the order of your product images inside Shopify and automatically groups them based on the option you select, such as Color. It assigns each group of images to the correct variant across all selected products. To work correctly, your product media must follow this structure: <ul> <li>All images must be arranged in sequential groups by variant</li> <li>Each group must begin with that variant’s Shopify assigned featured image </li> </ul> Example: Black (variant image) → Black → Black → Black Orange (variant image) → Orange → Orange Green (variant image) → Green → Green → Green Rubik detects each variant featured image and collects all images that follow it until the next variant featured image appears. This allows the system to automatically identify image groups with high accuracy. If your product media follows this exact order, Bulk Assign will correctly assign variant images across

Question 1

How to Assign an Image to Specific SKU? Working with Multiple Variant Options (e.g. Color + Size)

Accepted Answer

| Products with more than one variant option often require more precise image control. Rubik Variant Images & Swatch handles this automatically using intersection logic, so customers always see the correct images based on all selected options.

How Rubik Handles Multi-Option Products

When a product has two or more variant dimensions, such as Color + Size, Material + Length, or Style + Capacity, Rubik checks which images are assigned to each selected option and then displays only the images that overlap. This ensures customers never see images that belong to a different color, size, or specification.

What Intersection Logic Means

Rubik shows only the images that are shared between all selected variant values.

Example

Selected Color: Red
Selected Size: Large

Rubik will show only the images that are assigned to both Red and Large. If an image is assigned to Red but not to Large, it will be hidden. This keeps your gallery clean and perfectly matched to the customer’s selection.

Best Practices for Multi Option Products

Assign shared images to each relevant variant option so Rubik can correctly find the overlap.
For products with many combinations, double check that important images are assigned across all needed values.
If you are unsure how to structure image assignments, watch the in app video tutorial or start by configuring the primary option (usually Color).
Try to keep option names consistent to avoid confusion

Question 2

How to Show a Featured Image on Collection Pages and Hide It on Product Pages

Accepted Answer

By default in Shopify, the first product media you upload becomes the featured image on collection pages and the homepage. The second image is usually shown on hover. In some cases, you may want to change the featured image but avoid displaying it on the product page itself.

At this stage, assign all product images to their corresponding variant options, but leave the images you want to use as featured images unassigned. (If you have hover enabled, leave 2 images unassigned; if not, 1 image is enough.) Also, make sure that you assign all common images and don’t leave any images that you want to show on the product page unassigned, because we will hide the unassigned images.

Next, scroll down to the Advanced Settings section. Here, disable the second option called “Overwrite image orders in Admin (recommended)”. Since you will manually arrange the order of images, you need to turn off Rubik’s automatic order logic. Once done, save your settings and follow the Activate Theme steps to enable Rubik Variant Images on your Shopify theme. Next, open the Variant Image Settings panel on the left and set “Hide unassigned images” to Yes. Once this feature is enabled, the two images you left unassigned will be hidden from the product page.

Question 3

How to Customize Swatch (Variant Picker) Style?

Accepted Answer

Rubik Variant Images & Swatch allows you to fully customize the appearance of your swatch buttons so they match your store’s branding and product page layout.

You can adjust colors, size, shape, spacing, labels, tooltips, and even add custom CSS for complete control.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/7/8/6/57869ff1e0401000/image_n908f9.png =731xauto)

Swatch Style Customization Options

Rubik Variant Images & Swatch provides a complete set of design tools to customize how your swatches look and behave on your product pages. You can adjust the size, shape, colors, labels, spacing, and behavior of both image or color swatches and pill (text) swatches.

In the Customize appearance panel, you can:

Change the shape and size of swatches
Adjust border widths and colors for default and selected states
Control image fit and swatch height
Enable or disable tooltips and text labels
Customize text style, label appearance, and color settings
Configure pill swatches with custom padding, colors, and fonts
Adjust spacing between swatches and option groups
Customize how sold out swatches appear
Hide or show option names and values
Apply your own Custom CSS for full visual control

These options let you match the swatch style to your theme design and create a consistent, polished product page experience without editing theme code.

Question 4

How Bulk Assign Variant Images Works

Accepted Answer

The Bulk Assign feature in Rubik Variant Images & Swatch allows you to assign variant images to hundreds of products automatically, as long as your product images follow a consistent grouping structure.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/7/8/6/57869ff1e0401000/image_aiq11h.png =191xauto)

||| This feature works with products that already have images grouped by variant, where the first image of each group is assigned to the related variant.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/7/8/6/57869ff1e0401000/image_nxt8ft.png =635xauto)

Bulk Assign analyzes the order of your product images inside Shopify and automatically groups them based on the option you select, such as Color. It assigns each group of images to the correct variant across all selected products.

To work correctly, your product media must follow this structure:

All images must be arranged in sequential groups by variant
Each group must begin with that variant’s Shopify assigned featured image

Example:

Black (variant image) → Black → Black → Black Orange (variant image) → Orange → Orange Green (variant image) → Green → Green → Green

Rubik detects each variant featured image and collects all images that follow it until the next variant featured image appears. This allows the system to automatically identify image groups with high accuracy. If your product media follows this exact order, Bulk Assign will correctly assign variant images across

Question 5

How to Set Custom Swatch Images or Colors

Accepted Answer

Rubik Variant Images & Swatch allows you to customize your swatches by using your own images or custom colors instead of Shopify’s default variant image. This gives you full control over how your variant options look on the product page.

You can also upload different swatch images for products with multiple options, such as Color and Style.

1. Open the Custom Swatch Editor

Open Rubik Variant Images & Swatch from your Shopify admin
Go to Swatch (Variant Picker)
Click Set custom swatches and select your product

This opens the swatch editor where you can upload or modify custom images and colors.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/7/8/6/57869ff1e0401000/image_cxtpzk.png =516xauto)

2. Assign Custom Images or Colors

Inside the custom swatch page:

Choose the variant value you want to edit
Upload a custom swatch image
Or choose a custom color
Save your changes

![](https://storage.crisp.chat/users/helpdesk/website/-/5/7/8/6/57869ff1e0401000/image_jk8rpq.png =620xauto)

Rubik will automatically use your custom swatch design on your product page.

3. Multi Option Swatches (Color + Style)

If your product has more than one option, you can upload different custom swatch images for each option.

Examples:

Color → upload color texture images
Style → upload icons or pattern images
Finish → upload gloss, matte, metal textures

Rubik will display these swatches correctly for each option.

Question 6

How to Activate the App on a Theme

Accepted Answer

Before Rubik Variant Images & Swatch can control your product gallery or display swatches, you need to activate the app on your Shopify theme using the App Embed system. This guide explains how to enable both the variant image gallery and the swatch picker.

1. Enable Variant Image Gallery on Your Theme

Open the Rubik Variant Images & Swatch app.
Go to the Activated Themes tab.
Select your live or draft theme from the dropdown menu.
Click Enable on Theme Editor. Shopify will open the theme customizer automatically.
In the theme editor, open the App Embeds panel on the left side.
Toggle Rubik Variant Images & Swatch to ON.
Click Save to apply your changes.

Once enabled, Rubik Variant Images & Swatch will start controlling variant image behavior on your product pages.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/7/8/6/57869ff1e0401000/image-3-1024x436_ojva4.png =716xauto)

2. Enable Swatches on Your Theme

In the Rubik app, click Swatch (Variant Picker) from the left menu.
Toggle Swatch Status to Enabled.
Select your theme and click Enable on Theme Editor.
Shopify will open the theme customizer.
Go to App Embeds and toggle Rubik Swatch to ON.
Click Save.

After activation, swatches will replace Shopify's default variant dropdowns.

![](https://storage.crisp.

Featured Articles

Browse All Categories