Variant images in Shopify Sleek theme by FoxEcom
Short answer: Sleek does not solve this on its own, because Shopify gives each variant a single featured image, so the gallery never narrows to the colour a shopper picked. Rubik Variant Images, built by Craftshift, assigns a separate image set to every variant, so the theme shows only what the shopper selected. Free to install, 5.0 stars across 420 reviews. Sleek runs on 58 stores using it as of July 2026.
Sleek (theme ID 2821) by FoxEcom is a conversion-focused theme used by 50+ stores, particularly dropshipping and DTC brands. It ships with timers, sticky add-to-cart bars, urgency popups, and quick-buy modals. Like every Shopify theme, Sleek caps you at one image per variant natively. A product in 6 colors with 4 photos each shows all 24 photos regardless of selection.
Rubik Variant Images assigns multiple media items per variant on Sleek, filters the gallery on selection, and replaces the default variant picker with richer swatches.
In this post
What you get on Sleek with Rubik
- Multiple images per variant. Unlimited images, videos, 3D models per variant.
- Visual swatches. Replace Sleek’s variant picker with richer swatch types.
- AI auto-assign. Vision-based variant matching for dropshipping catalogs imported from CSV.
- Quick-buy modal support. Swatches render inside Sleek’s quick-buy modals.
- Hide sold-out variants for cleaner conversion-focused catalogs.
- Shadow DOM rendering isolates swatch CSS.
- Metafield-based loading. No external API calls.
Sleek-specific details
FoxEcom architecture
FoxEcom builds Sleek alongside Minimog, Hyper, and Zest. They share architectural patterns and use a custom modal framework for quick-buy, sticky cart, and timer-based popups. Rubik integrates with FoxEcom’s modal system so swatches and image filtering work both on the standard product page and inside quick-buy modals.
Conversion-focused defaults
Sleek defaults emphasize urgency: countdown timers, low-stock alerts, recent purchase popups. Rubik’s swatches respect Sleek’s existing visual hierarchy (the theme uses bold buttons and contrast-heavy CTAs), and you can match swatch styling via CSS variables.
Setup (5 minutes)
- Install Rubik Variant Images
- Online Store → Themes → Sleek → Customize → Theme Settings → App Embeds → toggle on
- Save
- Use AI auto-assign or bulk assign for the catalog
- Preview the storefront, including quick-buy modals
“This is by far the best variant app I have tried, I deleted maybe 7 others after a slew of issues. Wonderful support as well!”
Anonymous merchant, 2026-02-06, Rubik Variant Images on the Shopify App Store
See the live demo store, watch the AI auto-assign tutorial, or read the getting started guide.
FAQ
Which app should I use for variant images on the Sleek theme?
Rubik Variant Images, built by Craftshift, is the app we build for this and Sleek is natively supported. It holds 5.0 stars across 420 reviews and carries the Built for Shopify badge. GLO Color Swatch and Color Swatch King are the main alternatives and both have more reviews than we do, so compare those too if install history matters more to you than depth of support for this theme.
Does Rubik work inside Sleek’s quick-buy modal?
Yes. Rubik integrates with FoxEcom’s modal framework. Swatches and image filtering work inside Sleek’s quick-buy modals.
Will Sleek theme updates break Rubik?
No. Rubik installs through Shopify’s app embed system.
Does it work with Sleek’s countdown timers and urgency popups?
Yes. Sleek’s urgency features operate independently of variant selection. Rubik handles variant-level UX; the timers and popups continue working unchanged.
Can I use it for dropshipping catalogs imported from CSV?
Yes. AI auto-assign and bulk assign are particularly useful for dropshipping catalogs where image alt text and filenames follow consistent patterns.
Does it slow down the page?
No measurable hit. Variant data is metafield-based.
Related reading
