[solved] jqZoom resizing problem in Prestashop 1.6

[simon_68]

My products are patterns for lace making (www.merletti.si) and so I shouldn’t show their images in too good quality, otherwise customers would print them instead of buying. I changed thumbnail size to 160 x 160px and jqzoom to “reverse” so that only part of image is shown at a time.

My question is how to setup jqzoom correctly, that it will really show zoomed part of the image on the right side? And also, how to rearrange the product page a little bit so that everything will be in some proportions?

If an already made solution or module which would solve my problem exists, please let me know, links to similar topics are welcome too.

Technical data: Prestashop version 1.6.0.9, default-bootstrap theme, large_default and home_default image size are set to 160 x 160, jqzoom parameters changed as follows:
{
$('.jqzoom').jqzoom({
zoomType: 'reverse', //innerzoom/standard/reverse/drag
zoomWidth: 160, //zooming div default width(default width value is 200)
zoomHeight: 160, //zooming div default width(default height value is 200)
xOffset: 0, //zooming div default offset(default offset value is 10)
yOffset: 0,
title: false
});
}

Many thanks in advance for help!

Edited November 17, 2014 by simon_68 (see edit history)

[simon_68]

Magic Zoom module solved my problem, at least I hope so ... good solution, it allows free testing before buying.