Use Cases Rubik Variant Images & Swatch
See how Shopify merchants in different industries use Rubik Variant Images & Swatch to create better product pages and improve the shopping experience.
Fashion & apparel
Problem
A clothing store sells t-shirts in 8 colors, each with front, back, and detail shots. With Shopify's default setup, all 24 images appear in the gallery regardless of the selected color, overwhelming customers and making it hard to see what each color actually looks like.
Solution
Assign each color's images to its variant using Rubik Variant Images & Swatch. Enable image swatches so customers see a visual preview of each color before clicking. When they select "Navy Blue," only the front, back, and detail shots for Navy Blue appear in the gallery.
Benefit
Customers instantly see relevant images for their chosen color. The visual swatch picker replaces the dropdown, making color selection more intuitive. Fewer irrelevant images means faster decisions and less page scroll.
Furniture & home decor
Problem
A furniture store offers a sofa in 5 fabric options (linen, velvet, leather, etc.). Each fabric has room setting photos, close-up texture shots, and dimension diagrams. Showing all images for all fabrics creates a confusing gallery with 20+ photos.
Solution
Assign room setting photos, texture close-ups, and diagrams to each fabric variant. Use custom swatch images showing actual fabric texture thumbnails so customers can see the material before selecting. The gallery shows only the selected fabric's images.
Benefit
Customers see the sofa in their chosen fabric with matching close-ups and room settings. Custom texture swatches give a tactile preview before clicking. The product page stays clean even with extensive photography per variant.
Jewelry & accessories
Problem
A jewelry store sells rings in gold, silver, and rose gold, each available with different gemstones. Every combination (Gold + Ruby, Gold + Sapphire, Silver + Ruby, etc.) needs its own set of images. With 3 metals and 4 stones, that's 12 combinations and 36+ images on one product page.
Solution
Use Rubik's multiple option support to assign images to each metal + gemstone combination. Color swatches display the metal color for the first option, and pill buttons show the gemstone name for the second option. The gallery updates when either option changes.
Benefit
Customers see exactly what their chosen combination looks like from multiple angles. The two-option swatch layout is intuitive: pick a metal color, pick a stone, and the gallery shows that exact ring. No scrolling through dozens of irrelevant photos.
Print-on-demand
Problem
A POD store has 500+ products, each with design mockups for different colors. Manually assigning images to variants for every product would take weeks. And new products are added weekly from the print provider.
Solution
Use AI auto-assign to automatically match mockup images to the correct color variants based on visual analysis. Then use bulk assign to process hundreds of products at once in the background. New products can be configured in minutes instead of hours.
Benefit
What would take weeks of manual work is done in minutes. AI handles the matching, bulk assign handles the scale, and every product page shows only the relevant mockup for the selected color variant. Every plan includes monthly AI credits.
Products with multiple options
Problem
A shoe store sells sneakers with Color and Size options. Customers want to see what each color looks like before choosing a size, but Shopify treats every Color + Size combination as a separate variant. The dropdown lists "Red / 8", "Red / 9", "Red / 10", and so on. That's dozens of entries that are hard to navigate.
Solution
Configure the product in Rubik with Color as the image-switching option and Size as a secondary option. Assign images to each color. The app displays image swatches for Color and pill buttons for Size. When a customer picks "Red," the gallery shows Red images and the Size pills let them choose their size.
Benefit
The variant picker goes from a confusing long dropdown to two clean rows of swatches. Customers can browse colors visually and select their size separately. The gallery updates based on color while size selection is independent.
Stores with large catalogs
Problem
A store with 2,000+ products needs variant images configured for their entire catalog. Setting up each product individually through any app would take months of manual work.
Solution
Use Rubik's bulk assign feature to configure products in batches. Set up the assignment rules, preview results to verify accuracy, and start the bulk job. The app processes products in the background while you continue other work. Combine with AI auto-assign for even faster setup.
Benefit
Thousands of products configured in hours, not months. Preview before starting ensures accuracy. Background processing means no downtime. Products already configured are skipped, so you can run bulk assign incrementally as you add new products.
See it in action
Visit the demo store to see variant images and swatches on a live Shopify store, or install the app to try it on your own products.
Related guides
App overview
Full feature list, how it works, and what makes the app different.
Getting started
Step-by-step guide to install, enable, and configure the app.
Video tutorials
Watch 20 video guides covering setup, swatches, AI, and theme-specific tips.
Supported themes
Full list of 350+ compatible Shopify themes and page builders.