Hi Everyone, I used this tutorial to display all my variants as separate products on collection page and it worked wonders, everyone else seems to be charging for this: https://alanryan.dev/tips/color-variants-collection-page/ However, these variants when hovered upon don’t show the 2nd image and …

Hello @sdsahil As I see you are using the code to display all the color variants of a single product on your collection page. Because this code shows an image of a product variant for each card and we can only attach one image per variant, there will be no second image. https://prnt.sc/214Ly-qzwAq…

Hi, Thanks for your reply, I checked the “show 2nd img on hover” box under customise theme and now the variant card shows 2nd product img but this still isn’t satisfactory because ideally it should show 2nd variant img. Any suggestions? There’s a pattern to images for every product that I follow:…

2nd image on hover for variants displayed as products on collection page {Dawn 7.0.1}

Technical Q&A

Smeelah December 21, 2022, 1:43am 3

Thanks so much for the link to this tutorial - just what I have been searching for:)

Topic		Replies	Views
Product's second img when hover is not shown as variant's second img Store Design design , collection-page , css , shopify-themes , product-page	2	60	May 17, 2024
How can I display the second variant image on hover in my collection page? Shopify Discussion troubleshooting	0	36	October 2, 2023
Use different images for collection than on individual product pages Store Design design , customizations , product-page	4	72	November 5, 2023
Show second image on hover is not working Store Design design , collection-page	2	108	May 10, 2024
Show All product variants as single products + hide other variants pictures when color is selected Store Design design , collection-page , css , cart-page , product-page	1	17	May 2, 2025

2nd image on hover for variants displayed as products on collection page {Dawn 7.0.1}

Related topics