Shopify themes, liquid, logos, and UX
Hi!
How do I disable the hover zoom effect on the product page? (Dawn theme)
Been trying everything. Hope you can help 🙂🙂
Best 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;}
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
sorry i can't see second image code
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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024