How can I disable the zoom function on collection sites?

Technical Q&A
1

I do not have this option in my built in editor, nor cant I find it in my code. Anyone that can help me get rid of the zooming on collection sites.? https://testsalg.myshopify.com/collections/redskap

Best regards.

2

Hello @andersdahlee

Your store is password protected unable to check the issue. Please share the password.

3

Hey there,

Just add this code in your theme css file at very bottom:

.product-thumb:hover .zoom-thumb img {
    transform: 1!important;
    -webkit-transform: 1!important;
}

Cheers!

Do let me know!

4

Yeah just did. Still zooms at hover.

5

Opps, Replace it with this:

.product-thumb:hover .zoom-thumb img {
    transform: scale(1)!important;
    -webkit-transform: scale(1)!important;
}
6

Hi @andersdahlee ,

Your store is password protected unable to check the issue. Can you please share the password for me to check that?

Hope to hear from you soon!