How can I activate image zooming on product cards in collections?

Store Design
, , ,
1

Hi guys,

How to activate image zooming in product card in collections.

Thank you,

allianceautoproducts.com

2

you can do that only for product page, not collection page

3

Hi @Alliance ,

Please go to Actions > Edit code > Assets > theme.scss.liquid file and paste this at the bottom of the file:

.product-card:hover .grid-view-item__image {
	transition: transform .5s ease;
    transform: scale(1.3);
}

Hope it helps!