How do I disable zoom on hover?

mads_
Tourist
4 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 3 (3)
KetanKumar
Shopify Partner
25061 2509 9072

@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
4 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
25061 2509 9072

@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