How do I disable zoom on hover?

mads_
Tourist
5 0 2

Hi! 

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

Best Mads

https://slothrousing.com/collections/all

Replies 4 (4)

KetanKumar
Shopify Partner
36839 3635 11972

@mads_ 

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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
mads_
Tourist
5 0 2

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

KetanKumar
Shopify Partner
36839 3635 11972

@mads_ 

sorry i can't see second image code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
mads_
Tourist
5 0 2

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