How to add a hover effect to Dawn theme?

Store Design
,
1

How do you add hover effect to dawn theme? I want to display prices and title of item only when you hover over product on home page. Can anyone help?

2

Hi @Kshavers95
can you please share your store URL?

3

That’s a great question! Though I’m curious why you think it’s better only to display the price and title on hover?

If you don’t feel comfortable editing the template code yourself, you can always reach out to our Support team. Assuming your store has enough complimentary design time left, our team might be able to customize this for you.

You can reach out to our Contact Us page on this link. Then log in to your store. It will allow us to verify you as the store owner securely. Once you have successfully logged in, you should be able to reach out to a Support Advisor and discuss the possibility of a customization request.

You can always hire a Shopify Expert if this is not supported by customization. Feel free to post a job on the Shopify Experts Marketplace and see what feedback and quotes you get.

Hopefully, that helps.

4

@Kshavers95 you can use CSS for hover effects.

For example, set a class on the prices and title and hide it, then reveal on CSS, for example:

{{ product.title }}

.title:hover {
  display: block;
}

I would actually not hide prices and title on hover though unless you have a a good reason. Those are key pieces of information, and people like to browse so you’d be forcing them to spend extra time on your page, making their shopping experience harder.

If you need help though, from a developer to implement this or anything on your site feel free to reach out at speedboostr.com/contact to get in touch with Shopify developers that can build anything.

5

I’ve sent you a message asking you a few things about it! Thanks :slightly_smiling_face: