We are building a new online store for a jewelry and are using Debut theme.
We have inabled the zoom functionality on product page - as details are key element on jewelry - but would like to reduce the % of zoom. With the out-of-the-box functionality the image is enlarged quite a lot and becomes blurry (even with high definition images). Is there a way to reduce the % of zoom?
We are not expert on liqui language, so if you can provide a detailed step by step guideline that would be very much appreciated.
Anything more than 100% will give you a blurred image. That is, 100% of the original image you uploaded to Shopify.
Your original images should be about 2500px width to be big and high quality. If you uploaded small images e.g. 800px width, then you won't get a quality zoom.
Shopify generates a set of images at different sizes, based on your master. You can choose which one of those images to show as the zoomed image.