[SOLVED] How to increase JqZoom Size

[HandCraft]

I have Enabled JqZoom instead of Thickbox on product page. But can I increase JqZoom box size? If Yes, How?

[razaro]

Hi

 

You need to edit your_root\themes\your_theme\js\product.js

this part

	//set jqZoom parameters if needed
if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
{
	$('img.jqzoom').jqueryzoom({
		xzoom: 200, //zooming div default width(default width value is 200)
		yzoom: 200, //zooming div default width(default height value is 200)
		offset: 21 //zooming div default offset(default offset value is 10)
		//position: "right" //zooming div position(default position value is "right")
	});
}

Think comments explains enough.

[HandCraft]

Thnak u so much Razaro.....i will forward this to my developer....will u plz check below site of somebody who r using Presta. I want to know d sizes they hv used for Large, Medium and JqZoom

 

http://www.lingerie-story.fr/soutien-gorge-pour-moi/158-saint-tropez-blanc.html

 

Presta has used Large default size as 300 × 300 px and Medium default size as 80 x 80px

 

Plz let me know the sizes which this site has used for Large, Medium and JqZoom box

 

Thanks once again boss!!!

 

 

Hi

 

You need to edit your_root\themes\your_theme\js\product.js

this part

	//set jqZoom parameters if needed
if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
{
	$('img.jqzoom').jqueryzoom({
		xzoom: 200, //zooming div default width(default width value is 200)
		yzoom: 200, //zooming div default width(default height value is 200)
		offset: 21 //zooming div default offset(default offset value is 10)
		//position: "right" //zooming div position(default position value is "right")
	});
}

Think comments explains enough.

[razaro]

It is not nice to spy and copy other peoples websites :-)

 

This is code for zoom

        $('img.jqzoom').jqueryzoom({
           xzoom: 471, //zooming div default width(default width value is 200)
           yzoom: 300, //zooming div default width(default height value is 200)
           offset: 04 //zooming div default offset(default offset value is 10)
           //position: "right" //zooming div position(default position value is "right")
       });
    }

 

Large is 300x300, medium is 80x80 and thickbox 800x800.

[HandCraft]

well to be honest i mailed them officially about it n even given them my website address.....they gave me these sizes but their pics do not seem square. it seems like thickbox is of 600 x 900

 

How is that? Plz guide....Thanks for ur help also

[razaro]

Not sure how you got that size but their thick box is 800x800

 

<img width="800" height="800" alt="Soutien-Gorge Balconnet Saint-Tropez Blanc" src="http://www.lingerie-story.fr/158-1329-thickbox/saint-tropez-blanc.jpg" id="TB_Image">

 

and also image in src is 800x800

[HandCraft]

razaro but plz clarify my one doubt.....my images r mostly like of smaller width n longer height....when i try to put those in 300 x 300 medium box, images r getting compressed n i am losing effect of professional photography by which images are shooted....so what solution over it?

[razaro]

Well if all your original images are like in thickbox around 600 x 900 you could try

to change image size for large images from 300 x 300 to 300x 450 or 260 x 390 px,or some other

and if needed change some css.

[HandCraft]

fine fine razaro n thanks also....would like to take bit more advantage of ur helpful nature.....still i didnt find good blog module for my site....if i didnt get FREE, i am ready to pay but it must b worth.....do u know any such?