Hello to the whole community! We’re redesigning our online site with the Flex theme www.denaive.com The Flex theme allows you to display color swatches on the collections pages, and also on the “featured collection” sections. However, we need to ensure that on the desktop, when a color swatch is …

This can absolutely be done. Unfortunately, we would need to see your main-product.liquid file or if you have a swatch.liquid snippet.

Would you like me to copy and paste the contents of the file here? Or if I give you access to the theme, could you help me? Thanks in advance!

Unfortunately, txt format is not accepted on this forum. But here is the code extract of the product-thumbnail__swatch.liquid file {% if settings.collection_swatches %}> {% assign file_extension = ‘png’ %}> > {% for option in product.options_with_values %}> {% assign swatch_trigger = settings.swat…

That I can work with! I am on my way to work and when I get in I will go ahead and see what I can do.

I cannot test it, but you can try something like this: {% if settings.collection_swatches %} {% assign file_extension = 'png' %} {% for option in product.options_with_values %} {% assign swatch_trigger = settings.swatch_trigger | strip | downcase %} {% assign option_name = option.name | downcase %…

Thank you very much for your time. However, when I edit the file with your elements, this is how it looks in the front office: [MaxCosta_0-1706784586470.png] Do you have any idea where the problem might be coming from? I put your javascript extract after the first code you sent me, Thanks in adv…

Display a variant image when hovering over a color swatch

Store Design

SomeUsernameHe January 30, 2024, 7:27pm 4

Maybe you can save the file to .txt document and upload it as an attachment?

1 Like

Topic		Replies	Views
Display photo of variant on color swatch hover (FLEX Theme) Store Design design , collection-page , landing-page , css	1	26	November 4, 2023
Display product variant images as color swatches on collection page Store Design customizations	16	248	October 28, 2025
Color swatches on collection page Venture theme Store Design	4	72	May 16, 2022
Dawn theme change image on mouse over Shopify Discussion troubleshooting	7	96	September 4, 2025
Display product variant images as color swatches Store Design	10	249	April 10, 2023

Display a variant image when hovering over a color swatch

Related topics