How to display product prices and names only on hover in Dawn?

Store Design
, , , ,
1

Hi,

I wish the prices and names of my products would only appear when you hover the mouse over them.

The site is: rvrsedesign.com

Password: giskau

Thanks, Thomas.

2

Hi.

I’m fine what about you?

Yeah i would like to know the solution thanks.

3

Hello @LayNoNuma

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you:

  1. Go to Online Store → Theme → Edit code:

GemPages_0-1669618959296.png
GemPages_0-1669618959296.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before :

Result:

Screenshot at Dec 19 23-33-40.png
Screenshot at Dec 19 23-33-40.png1205×790 32.3 KB

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

4

Hi,

Thank you a lot, it worked well! but is there a way to make it clickable on the image too?

Also is there a way to do something similar on mobile, maybe just hiding name and price?

Thanks, Thomas.