Zoom in option not working in brookyln theme

Store Design
, ,
1

Hi, Hope you are doing well.

the zoom in option is not working in the brooklyn theme. Please help.

I want to either the pic to zoom in while hover or when click on the image it should get zoomed in the new tab its getting open.

Please find my URL : https://jasdrape.com/

2

Hello.

I understand the zoom-in and out option on your store is not working perfectly, I can see the picture on your Homepage but the product page is not okay. There is 2 way around it, either through app or coding

3

Hi @jasdrape ,

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

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

Hope it helps!

4

Hi thanks!!

This code is zooming the image in the collection page.. i need the zoom in option in the product page so the customer can zoom and see each and every pic in the product.

5

Hi @jasdrape ,

I checked and the link you sent is working fine with zoom, you want to add it for another site?