How can I turn off the hover zoom effect on the Dawn theme?

Store Design
1

Hi!

How do I disable the hover zoom effect on the product page? (Dawn theme)
Been trying everything. Hope you can help :slightly_smiling_face: :slightly_smiling_face:

Best Mads

https://slothrousing.com/collections/all

1 Like
2

@mads_1

sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-card.css ->paste below code at the bottom of the file.
.card-wrapper:hover .media.media--hover-effect>img+img {transform: none !important;}
1 Like
3

Thank you! Unfortunately it’s not working yet. Seems like nothing is happening?

The effect happens, when the feature below is turned on. We would like it to show the second image on hover, but without the zoom effect.
Featured Collection –> Product Card –> Show second image on hover

Hope someone can help

1 Like
4

@mads_1

sorry i can’t see second image code

1 Like
5

Sorry I had turned the effect off. But have turned it back on, so you should be able to see it now. Just want to remove the zoom-effect, when hovering over a product thumbnail. It should stil show second image though. Hope you can help. Thank you very much. Best Mads

https://slothrousing.com/collections/all