How to show multiple variant images in Shopify Symmetry theme
Symmetry theme (ID: 568) by Clean Canvas is built for stores that prioritize visual storytelling. It is popular with fashion, beauty, and lifestyle brands that need flexible product page layouts. Like every Shopify theme, Symmetry lets you assign one image per variant. If your product has 6 colors with 5 photos each, the gallery shows all 30 images at once regardless of which color the customer selected.
Rubik Variant Images has dedicated detection code for Symmetry theme. It assigns multiple images per variant, filters the gallery when a customer picks a color, and replaces the default variant picker with visual swatches.
In this post
- What you get on Symmetry with Rubik
- Symmetry-specific details
- Setup (5 minutes)
- Frequently asked questions
- Related reading
What you get on Symmetry with Rubik
- Multiple images per variant. Assign unlimited images, videos, and 3D models to each variant. The gallery updates instantly when a customer switches colors.
- Visual swatches. Replace Symmetry’s default dropdown with image thumbnails, color circles, or pill buttons. Mix types per option (images for Color, pills for Size).
- AI auto-assign. The app analyzes product photos and matches them to the correct variants. One click per product.
- Common images. Mark lifestyle shots or size charts to always stay visible, regardless of which variant is selected.
- No code editing. Works through Shopify’s app embed system. Theme updates do not break anything.
- Shadow DOM isolation. Swatch styles cannot conflict with Symmetry’s CSS.
- Metafield-based loading. All data loads with the page. No external API calls.
Symmetry-specific details
Symmetry offers multiple product page layouts, including a gallery grid, a slideshow, and a stacked layout. Rubik detects which layout Symmetry is using and injects the image filtering logic into the correct gallery elements. Whether you use the thumbnail carousel, the gallery grid, or the full-width slideshow, variant image filtering works the same way.
Symmetry is made by Clean Canvas, a well-known Shopify theme studio that also builds custom theme solutions. The theme is regularly updated and follows Shopify’s latest standards. Rubik’s app embed approach means updates to Symmetry do not interfere with variant image functionality. The image assignments live in Shopify metafields, not in Symmetry’s theme code.
Symmetry’s design philosophy is clean and balanced, with attention to whitespace and typography. Rubik’s swatches respect this aesthetic. The swatches inherit sensible defaults and can be customized to match Symmetry’s visual style. Border radius, swatch size, spacing, and selection indicators are all configurable through the Rubik app without writing CSS.
For stores that use Symmetry’s “complementary products” or “recently viewed” sections below the main product area, Rubik does not interfere with those components. The app focuses on the variant selector and product gallery, leaving the rest of the page layout untouched.
Symmetry supports Shopify’s media types including video and 3D models. Rubik can assign these media types to specific variants, so a product video showing the item in blue only appears when the Blue variant is selected. This keeps the gallery focused and relevant. If you need help choosing between different variant image approaches for your store, the 2026 variant image app comparison covers all the options.
Setup (5 minutes)
- Install Rubik Variant Images from the Shopify App Store.
- Enable the app embed: Theme editor > App embeds > Toggle on Rubik Variant Images.
- Open a product in the Rubik app. Select a variant and assign the images you want to show for that color.
- Or use AI auto-assign: Click the AI button and let the app match images to variants automatically.
- Save and preview. Visit the product page. Select different colors. The gallery should filter instantly.
For stores with many products, use bulk assign to match images to variants by filename patterns across your entire catalog. Full guide: how to show only selected variant images.
If your products use multiple options like Color and Size, Rubik handles the assignment at the option level. You assign images to “Blue” once, and all size variants under Blue share those images. No need to assign separately for Small Blue, Medium Blue, and Large Blue. Read more about variant images with multiple options.
Stores using combined listings (separate products per color linked together) can use Rubik Combined Listings alongside Rubik Variant Images. Combined listings add cross-product swatches, while Variant Images handles the per-product gallery filtering. Both apps work on Symmetry. Learn how combined listings work on Shopify.
Watch it in action
See how to set up multiple variant images in Shopify:
Frequently asked questions
Does Rubik Variant Images work with Symmetry theme?
Yes. Rubik has dedicated detection code for Symmetry theme (ID: 568) by Clean Canvas. The app detects Symmetry’s gallery structure and injects image filtering automatically. No code editing needed. It works with all of Symmetry’s product page layouts, including gallery grid, slideshow, and stacked.
Will it break if I update my Symmetry theme?
No. Rubik works through the app embed system, not theme code modifications. Image assignments are stored in metafields. Theme updates do not affect them. When Clean Canvas releases a new version of Symmetry, your variant images and swatches continue working without any changes.
Can I show swatches on Symmetry’s collection pages?
Rubik Variant Images works on product pages only. For collection page swatches on Symmetry, use Rubik Combined Listings, a separate app that adds color swatches to product cards on collection pages.
Related reading
