How can I add hover clothing sizes to product images on a collection page?

Shopify Discussion
,
1

Good morning Everyone

Please help me in one problem

How can I add hover cloths sizes on the collection page of the product images.

“You may look in the photo”

Please help me

Screenshot (908).png
Screenshot (908).png1366×768 257 KB

1 Like
2

Can you provide link to your store?

3

https://nainpreet.com/collections/sana-safinaz-bridals-and-couture

4

The hover cloths sizes on the collection page of the product images is already present on the site. Can you explain what you are expecting?

5

Hi @jaygupta-tech ,

As I see on your store, when hovering over the product, the product size is displayed.

It will be easier for me to answer your question if you can clearly state your wishes along with design images (if any).

6

yes please

7

Hi @theycallmemakka theycallmemakka

Hope you are good

Actually I am using the prestige theme and the theme is unpublish right now and you are visiting current live Dawn theme

So I want the same hover product sizes in the prestige theme

Please help me How can I the same work (hover sizes on products) in the prestige theme.

8

Good morning! You can achieve this by customizing your theme’s code — typically by adding a hover effect using HTML/CSS inside the collection.liquid file. Show/hide the size options using :hover on the product image container. As I have seen some of such designs on this platform as well Let me know your theme and I can guide you more specifically!