We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Dawn Theme: How to Show Second Image on Hover

Solved

Dawn Theme: How to Show Second Image on Hover

Phipz
Visitor
1 0 0

Hi all,

 

I'm currently using the Dawn theme but I want to enable the ability to show a second image upon hovering. At the moment there's a hover zoom effect.

 

How would I go about enabling this? 

Accepted Solution (1)

Guleria
Shopify Partner
4299 825 1189

This is an accepted solution.

Hello @Phipz ,

 

This option is by default available in Dawn theme for collection and homepage collection. Check in homepage collection section and collection page settings here you find  an option with checkbox 'Show second image on hover' 

Thanks

- Elevate Your Store with Expert Shopify Services. Email: guleriathakur43@gmail.com - Need a quick fix or a tailored customization? I’ve got you covered.
- Looking to enhance your pages? Try GEMPAGES- a powerful drag & drop page builder.
- Let’s make your store stand out. Get in touch today!
- My Apps: Productify Groups – Smart product grouping made easy.

View solution in original post

Replies 6 (6)

Guleria
Shopify Partner
4299 825 1189

This is an accepted solution.

Hello @Phipz ,

 

This option is by default available in Dawn theme for collection and homepage collection. Check in homepage collection section and collection page settings here you find  an option with checkbox 'Show second image on hover' 

Thanks

- Elevate Your Store with Expert Shopify Services. Email: guleriathakur43@gmail.com - Need a quick fix or a tailored customization? I’ve got you covered.
- Looking to enhance your pages? Try GEMPAGES- a powerful drag & drop page builder.
- Let’s make your store stand out. Get in touch today!
- My Apps: Productify Groups – Smart product grouping made easy.
shopohmystars
Visitor
1 0 2

Okay...I figured out how to achieve this with the Featured Products portion of the homepage, but I cannot figure out how to apply it to ALL product pictures. Can someone give me a play-by-play? Not very tech savvy over here!

corinnemnieves
Visitor
1 0 0

Did you ever figure this out? I am in the same boat!

Tudor123
Visitor
1 0 0

on the homepage collection section click on the product grid template, and on the right of the screen in the settings of the product grid template you will have a checkbox for the option

Gabi12
Visitor
1 0 0

I can't seem to do this please could you give me a step by step - very new here!

naturalfibreart
Tourist
4 0 0

On the right hand menu go to 'Online Store' and then choose 'Customise'. At the top of the screen you will see 'Home Page' is automatically chosen for you. Drop down the menu and choose 'Collections' then 'Default Collection'. From the right hand menu choose 'Product Grid'. Tick the checkbox for 'Show second image on hover.

Don't forget to click Save.