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

Shopify Discussion
,

Topic summary

A user seeks to add hover-displayed clothing sizes to product images on their collection page, specifically for the Prestige theme. They provided a screenshot and store link showing the desired functionality already working on their live Dawn theme.

Current Situation:

  • The hover size feature is functional on the Dawn theme (currently live)
  • User wants to replicate this on the unpublished Prestige theme

Proposed Solution:
One respondent suggested customizing the theme code by:

  • Modifying the collection.liquid file with HTML/CSS
  • Using :hover effects on product image containers to show/hide size options
  • Offered theme-specific guidance if more details are provided

Status: The discussion remains open, awaiting the user’s response about whether they need detailed implementation steps for the Prestige theme.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
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!