top of page
.avif)
faq & troubleshooting
no! ( just kidding.) yes! that's what it was designed for. simply add the cursorPlus widget to your product page and connect it to your product image. the magnifier will work with any image on your site.
https://media3.giphy.com/media/v1.Y2lkPTRmYWEyY2RjdnI4MXkybjVibTY2NGR0YmV5dmJpbm5ndHBsMGd3eWtjdHhwcjRkZCZlcD12MV9naWZzX3NlYXJjaCZjdD1n/908fS3eQFUodG/giphy.gif
increase the overflow padding setting. a value of 5-15% usually works well, depending on your lens size. be sure to adjust the size of your widget and your image will automatically scale when you do, ensuring the image does not shrink too much since the padding is a percentage value based on the image to widget container ratio. 📐
https://media3.giphy.com/media/v1.Y2lkPTRmYWEyY2RjMHNlNWFuMWM0dmlxamg3YWVqcGExbTk4ZWU0N2t6ZGFpdHlyaWs0cyZlcD12MV9naWZzX3NlYXJjaCZjdD1n/BmmfETghGOPrW/giphy.gif
your source image resolution is too low. for crisp magnification at 8x zoom, you need an image at least 8 times larger than its display size. use images of 2000-4000px for best results.
https://media3.giphy.com/media/v1.Y2lkPTRmYWEyY2Rjc3dxazBsZmxzejZ0ampmam8xbW92bGRxNGg0ODdwenF4cHFhNDRubiZlcD12MV9naWZzX3NlYXJjaCZjdD1n/PDcWl8pdNaHTOHZeiQ/giphy.gif
make sure the glass distortion toggle is toggled on in the settings panel. also ensure center zoom and edge zoom are set to different values.
https://media2.giphy.com/media/v1.Y2lkPTRmYWEyY2RjcTR4NDA2ZmNwMmZkZW1wN3c4M25pOXFwejFleDF3NzNueGdpMjFwMSZlcD12MV9naWZzX3NlYXJjaCZjdD1n/TRdADd4gJOQteAeY0z/giphy.gif
reduce your image file size by compressing the image. we recommend AVIF format at lossless quality at 5mb or under. disable distortion effects if not needed (uses WebGL). reduce lens size. check that your browser is up to date and your GPU is newer than at least 2011. Having multiple widgets on the same page will be taxing on your GPU - use CMS by linking your images to a dataset for faster rendering.
faq & troubleshooting
no! ( just kidding.) yes! that's what it was designed for. simply add the cursorPlus widget to your product page and connect it to your product image. the magnifier will work with any image on your site.
https://media3.giphy.com/media/v1.Y2lkPTRmYWEyY2RjdnI4MXkybjVibTY2NGR0YmV5dmJpbm5ndHBsMGd3eWtjdHhwcjRkZCZlcD12MV9naWZzX3NlYXJjaCZjdD1n/908fS3eQFUodG/giphy.gif
increase the overflow padding setting. a value of 5-15% usually works well, depending on your lens size. be sure to adjust the size of your widget and your image will automatically scale when you do, ensuring the image does not shrink too much since the padding is a percentage value based on the image to widget container ratio. 📐
https://media3.giphy.com/media/v1.Y2lkPTRmYWEyY2RjMHNlNWFuMWM0dmlxamg3YWVqcGExbTk4ZWU0N2t6ZGFpdHlyaWs0cyZlcD12MV9naWZzX3NlYXJjaCZjdD1n/BmmfETghGOPrW/giphy.gif
your source image resolution is too low. for crisp magnification at 8x zoom, you need an image at least 8 times larger than its display size. use images of 2000-4000px for best results.
https://media3.giphy.com/media/v1.Y2lkPTRmYWEyY2Rjc3dxazBsZmxzejZ0ampmam8xbW92bGRxNGg0ODdwenF4cHFhNDRubiZlcD12MV9naWZzX3NlYXJjaCZjdD1n/PDcWl8pdNaHTOHZeiQ/giphy.gif
make sure the glass distortion toggle is toggled on in the settings panel. also ensure center zoom and edge zoom are set to different values.
https://media2.giphy.com/media/v1.Y2lkPTRmYWEyY2RjcTR4NDA2ZmNwMmZkZW1wN3c4M25pOXFwejFleDF3NzNueGdpMjFwMSZlcD12MV9naWZzX3NlYXJjaCZjdD1n/TRdADd4gJOQteAeY0z/giphy.gif
reduce your image file size by compressing the image. we recommend AVIF format at lossless quality at 5mb or under. disable distortion effects if not needed (uses WebGL). reduce lens size. check that your browser is up to date and your GPU is newer than at least 2011. Having multiple widgets on the same page will be taxing on your GPU - use CMS by linking your images to a dataset for faster rendering.
bottom of page
