Show product title and price on hover
Topic summary
Goal: make product title and price appear on image hover in the Showcase theme, inspired by jacquemus.com. A screenshot and code snippets are central to the solution.
Implementation: edit Online store > Themes > Edit code > theme.liquid, and insert custom code before . The first attempt showed text below the image; a revised snippet repositioned it to overlay on the image and reveal on hover.
Outcome: the hover overlay for product title and price works, confirmed by the requester.
Follow-up: requester asked to disable the hover effect for one specific collection section, keeping a static collection image that shows only the collection name. After clarifying the requirement (not always-visible price/title, just the collection name for a different section), an updated code snippet was provided to scope the behavior to that section.
Status: primary issue resolved; the collection-section exception appears addressed but not yet confirmed. Further help offered if the change doesn’t work, with a request to share the store URL via private message.
1 Like
Hi @JessicaMole
Where do you want to display the product title and price on hover? Please share the URL with me so I can check and let you know.
I am aiming for something similar to this site: https://www.jacquemus.com/en_us
Step 1. Go to Admin → Online store → Theme > Edit code
Step 2. Find the file theme.liquid.
Step 3. Add this code above
If it helps you, please like and mark it as the solution.
Best Regards
1 Like
Thank you however it’s not showing up on the image on hover but below the image - can you help?
@JessicaMole , to reposite the price and title please change the previous code like this
Hope it helps you!
If you find it helpful, please like and mark it as the solution!
Have a nice day 
Amazing thank you so much - this worked! Can you please help with code that can remove this for a collection section too? I just want one collection to have a static collection image without the hover effect.
@JessicaMole , Do you mean you want the price and title to always be visible without requiring a hover on the collection page, while still retaining the hover effect on other pages?
No just the collection name for a different collection section
@JessicaMole , Got it. Change the code like this
If it doesn’t work, you could drop your url store here or send it to me via private message? I would help you better