> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://rubikvariantimages.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Assign Images to Variants

Rubik Variant Images & Swatch makes it simple to assign specific images to each variant, so customers only see images that match their selection on the product page.
## **How It Works**

1. Open the **Rubik Variant Images & Swatch** app.
2. Select a product from your catalog.
3. Choose the variant option you want to configure, such as Color or Size.
4. Click **Assign Images** under each variant value (for example Red, Blue, Green).
5. Select the relevant images from your product gallery.
6. Click **Save** to apply your configuration.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/7/8/6/57869ff1e0401000/how-to-assign-images-to-varian_13fsv3d.gif)
---

| Assigning images directly to variants removes visual clutter and helps shoppers immediately see the correct version of the product. This leads to better user experience, higher conversion rates, and fewer returns caused by misunderstanding product options.