Can't locate code to modify size of product zoom

Store Design
1

Hello and SOS.

The zoom function for my theme on product pages was not enlarging images enough so I modified my code to make them bigger. The problem is now they’re too large and I cannot recreate what I did because I can’t find the correct code, a lesson in documenting my work.

Anyway, any help in finding the code would be appreciated. My theme is Influence.

Thank you

2

@GREERChicago you can zoom image by adding below css into base.css file

.product__media.media.media--transparent {
    padding: 50px;
    transition: transform .2s;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}
.product__media.media.media--transparent:hover {
    transform: scale(1.5);
}

otherwise you can use zoom libarary https://www.jqueryscript.net/blog/Best-Image-Zoom-jQuery-Plugins.html

3

This worked like a charm. Thank you so much!