Happening now | Office Hours: Customizing Your Theme With Moeed | Ask your questions now!

Product page Variant Picker, not showing swatches as variant images

Product page Variant Picker, not showing swatches as variant images

skele
New Member
6 0 0

I am using the Savor theme, and trying to change the variant picker to swatches so it shows as images of each product instead of the text of the color. As seen in the images attached, the settings are on for variant images as swatches and swatches are toggled on. How can I fix this?Screenshot 2025-05-29 at 12.04.12 PM.pngScreenshot 2025-05-29 at 12.05.04 PM.png

Replies 9 (9)

michealpaul
Shopify Partner
6 0 0

Hey


I see what’s happening even though swatches and variant images are toggled on, the theme won’t show image swatches unless each color variant like Steel, Platinum, etc has its own image linked inside the product settings.

Most likely, that connection isn’t set up yet but it’s a quick fix. If you want, I can handle it for you and make sure the swatches show up exactly how you want.

Let me know and I’ll get it sorted.

skele
New Member
6 0 0

That is set up already, when you click the variant name it switches the main image to the variant image. so it is something else

michealpaul
Shopify Partner
6 0 0

Ah gotcha if the variant image updates when you click the option, then yeah, the image link is set up correctly.
In that case, the issue’s probably in how the theme is rendering the swatches either the section file doesn’t call the variant images correctly, or the schema isn’t allowing image swatches to show.

I’ll need to dive into the theme code to fix that for you if you can add me as a collaborator, I’ll sort it out and get those image swatches working the way they should.

Let me know and I’ll send over my Shopify Partner request

skele
New Member
6 0 0

yes please send it

 

skele
New Member
6 0 0

i would like the swatches to show up as small circle images if possible

michealpaul
Shopify Partner
6 0 0

oh yes that can be done!

but i cant send the code through here, i'll be restric ted for that, is there an way we can comu nicate apart from here so i'll share the code

skele
New Member
6 0 0

Shopify partners send code on threads all the time? WHy cant you

michealpaul
Shopify Partner
6 0 0

To save both of us time and avoid back-and-forth fixes, I’d rather jump in and handle it directly. If you're good with that, I can send a Shopify Partner access request and sort it cleanly for you.

Let me know and I’ll send it over right away.

Easify-Jolie
Shopify Partner
306 11 27

Hi @skele 

If the swatch settings are already enabled but the variant picker still shows as text, it could be a theme limitation or a conflict in how the variants are set up. And if you're looking for an easier way to fully customize your variant display (like using images for color swatches), you can consider using an app like Easify Product Options. It lets you create visual swatches (color, image, or custom icons) without coding, here's how it works:

  • This is the result:

EasifyJolie_1-1749032356985.png

 

  • This is the app setting: You can select swatch shape here:

EasifyJolie_0-1749032129162.png

I hope this answer helps solve the problem. If you need further assistance, feel free to reach out to Easify anytime! 🤗

Easify Product Options: Any product options app can help you create custom options, but Easify turns those options into sales and conversions!
Easify Inventory Sync: Automate inventory syncing for Bundles, Duplicates, and Raw Materials. Say goodbye to manual tracking headaches.
Easify Product Attachments: Enrich your store with downloadable content. Easily add PDFs and other files to product or any page.
>>> Try Apps for Free | 24/7 Live Chat Support