Hi, Please help me i want that on our product overview page that we see alternate product image on hover. Now its selected image 2 but i want to change that to image number 7 and if not availiable that it show the second image. Please can you help Thank you.

.supports-hover .Link–primary:hover, .Link–primary.is-active { color: var(–text-color); Or @media (-moz-touch-enabled: 0), (hover: hover) { .Link–underline:hover::before { transform: scale(0, 1); Thank you } .supports-hover .Link–secondary:hover, .Link–secondary.is-active { color: var(–te…

Please share the liquid code. Your css code will remain the same. Just share the liquid code and I’ll try to do the modification in it a/to your need.

Hi in this Liquid i only see the hover inside the code. Other liquid i cant find hover. {%- if show_price_on_hover == nil -%} {%- assign show_price_on_hover = settings.product_show_price_on_hover -%} {%- endif -%} {%- if show_price_on_hover and color_swatch_list != blank -%} {{- color_swatch_li…

i also see hover on the main-product.liquid. {% render ‘product-item’, product: associated_product, use_horizontal: true, show_labels: false, show_product_info: true, show_vendor: false, show_price_on_hover: false %} {%- endif -%} {%- endcapture -%}

okay but this one is not right.

on what liquid page i can find the code?

depends on the theme btw try to check snippets > product-item.liquid

HI Im using prestige theme, on the product-item.liquid {%- if show_price_on_hover == nil -%} {%- assign show_price_on_hover = settings.product_show_price_on_hover -%} {%- endif -%} {%- if show_price_on_hover and color_swatch_list != blank -%} {{- color_swatch_list -}} {%- endif -%} {%- if pro…

How can I display an alternate product image on hover?

Shopify Discussion

Guleria March 25, 2024, 1:57pm 2

Please share the existing ( liquid) code which show the 2nd image on hover

Topic		Replies	Views
Collection - Add a hover effect to product images on your collection pages Store Design	87	1620	February 27, 2024
How to show alternate text on image hover in product-images.liquid? Store Design	8	153	April 17, 2022
How to change product image on hover with Vogue Version 4.6.1 theme? Store Design	3	49	March 23, 2022
How can I change product images with CSS on hover? Store Design	4	73	September 29, 2022
Add A Hover Effect To Product Images On my SHOPIFY Collection Pages Shopify Discussion apps	3	469	June 4, 2026

How can I display an alternate product image on hover?

Related topics