Variant images in Shopify Impulse theme
Impulse (theme ID 857) by Archetype Themes is one of the most popular paid themes on Shopify. Around 80 active stores run it as of 2026, mostly fashion, accessories, and beauty brands with large catalogs. Impulse ships with mega menus, quick view, predictive search, and advanced filters, but its variant image handling is limited to one image per variant. If your dress comes in 6 colors with 4 photos each, all 24 photos show in one gallery regardless of color.
Rubik Variant Images has dedicated detection code for Impulse. It assigns multiple media items per variant, filters the gallery on selection, and replaces Impulse’s basic swatch component with richer visual swatches. Works through Shopify’s app embed system, no code edits.
In this post
- What you get on Impulse with Rubik
- Impulse-specific details
- Setup (5 minutes)
- Quick view modal handling
- FAQ
- Related reading
What you get on Impulse with Rubik
- Multiple images per variant. Assign unlimited images, videos, and 3D models. Gallery updates instantly on selection. No reload.
- Rich swatches. Replace Impulse’s default swatch component with circle, square, pill, or button styles. Mix swatch types per option (image swatches for color, pills for size).
- AI auto-assign. Click one button and Rubik analyzes product photos via vision AI to match each image to the right variant. One click per product.
- Hide sold-out variants. Out-of-stock variants can be hidden or shown with a strike-through.
- Common images. Mark size charts and brand banners to stay visible across all variants.
- Shadow DOM rendering. Swatch CSS is isolated from Impulse’s stylesheet. No visual conflicts.
- Metafield-based loading. Variant data ships with the page. No external API calls.
Impulse-specific details
Archetype Themes architecture
Archetype Themes builds Impulse along with sibling themes such as Expanse and Motion. They share a common architecture and use a custom JavaScript framework for the variant picker, gallery transitions, and quick view. Rubik has dedicated detection code for the Archetype framework that handles each theme’s gallery component natively.
Mega menu and quick view layers
Impulse’s mega menu and quick view modal both render product previews. Quick view in particular shows a mini product page with a variant picker and gallery. Rubik renders inside the quick view modal, so the swatches and image filtering work the same way they do on the full product page.
Gallery transitions
Impulse uses a custom slider with thumbnail navigation below the main image. Rubik integrates with the slider so that when a customer picks a different variant, the slider rebuilds with the variant’s image set. The transition is smooth, no flicker, no broken thumbnails.
Setup (5 minutes)
- Install Rubik Variant Images from the Shopify App Store
- Open Online Store → Themes → Impulse → Customize
- Theme Settings → App Embeds → toggle on Rubik Variant Images
- Save the theme
- Open Rubik admin and pick a product. Drag images onto each variant, or click AI auto-assign.
- Preview on the storefront. Swap variants, watch the gallery filter.
“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
Quick view modal handling
Impulse’s quick view is a modal that pops up when a customer clicks the “quick view” button on a collection card. It shows a compact version of the product page: image, title, price, variant picker, add-to-cart. Many variant image apps don’t render inside quick view modals because the modal injects DOM dynamically. Rubik does, because the detection code listens for the modal’s mount event and re-applies the variant image logic.
This matters for fashion stores running Impulse: a meaningful percentage of conversions happen from quick view modals (the customer never leaves the collection page). If swatches don’t filter the gallery there, the modal becomes a generic preview rather than a useful variant browser.
See the live demo store, watch the Impulse fix walkthrough, or read the getting started guide.
FAQ
Does Rubik break Impulse’s gallery slider?
No. Rubik has dedicated detection code for the Archetype Themes gallery slider used by Impulse. The slider continues working as expected; Rubik just changes which media items are rendered when a variant is selected.
Will Impulse theme updates break Rubik?
No. Rubik installs through Shopify’s app embed system. Theme updates do not affect app embeds.
Does it work inside Impulse’s quick view modal?
Yes. Rubik renders inside the quick view modal automatically and applies variant image filtering there.
Can I use it with Rubik Combined Listings on Impulse?
Yes. Both apps work on Impulse and complement each other. RVI handles the per-variant gallery filter; RCL handles cross-product navigation between linked color products.
Does it slow down the page?
No measurable hit. Variant data is metafield-based and ships with the page. No external API calls after page load.
Related reading
