Size of product images.

[esmalgel]

The images shown on details of the products occupy a box of 300x300 pixels (as in the attached image). Someone can tell me how to resize the image.

I looked any .js but not found how to do that.

Thanks!

[Snade]

Hi

to resize that box, you need to edit products.js (themes/yourtheme/js/products.js)

 

find that part and edit it as you wish :

//set jqZoom parameters if needed
if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
{
$('img.jqzoom').jqueryzoom({
xzoom: 350, //zooming div default width(default width value is 200)
yzoom: 350, //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")

 

Let me know if this solves it for you.

 

If it does, dont forget to add [solved] in the topic name, and also it will be good if you rename the topic to "jqzoom box resize" or something like that, so other people can find the solution easily.

I'll be happy if you "like" my post, if it was helpfull to you. Thanks !

 

p.s If youre not asking about the size of jqzoom box, but the actuall product image, you can edit the image sizes in backoffice Preferences->Image

 

Cheers

[esmalgel]

Thanks for the answer !!

 

I don't know how edit image size in Preferences-> Images.

Any time, the image don`t resized (300x300), but change resolution

[Mike Kranzler]

Hi esmalgel,

In your Back Office, go to Preferences > Images using the menu tabs at the top of the page, and then you can edit the different image sizes. Depending on what theme you're using, you should have a documentation file which lists the suggested default image sizes.

 

See here for a quick screencast.

 

I hope this helps.

 

-Mike

[vigarostore]

Hi, I've a trouble related to re-sizing images. I've uploaded an image to one of my products but it appears out of aspect ratio. I would to now how it can be solved. Here's an example http://www.vigarostore.com/category.php?id_category=10

[Mike Kranzler]

Hi vigarostore,

I'd love to help you, but your site is currently down for maintenance. If you would like help on this, you'll need to reactivate your store so that I can see what is going on with your images.

 

-Mike

[esmalgel]

Thanks,

but it isn't the problem. I wont change the image size, but in preferences, only re-changes the resolution.. (sorry, i dont speek english v_v )

[Mike Kranzler]

Thanks,

but it isn't the problem. I wont change the image size, but in preferences, only re-changes the resolution.. (sorry, i dont speek english v_v )

 

Is the aspect ratio of the image you're uploading the same (or similar) to the default size for that specific image type? If you're uploading a 250 x 500 image where the default under Preferences > Images is 300 x 300, it probably won't look very good.

 

-Mike

[ronlin-9]

Mike,

I am having some of the same issues related to product images. The jqzoom box is 300x300 pixels, let´s say I want to keep it that size for now. When I upload an image of ratio 3:2 and set the "images generated by" to "width" (in BO>preferences>products) I still get a product image that fills the jqzoom box (ratio 1:1) when it should set width to 300 and automatically set height to 200.

 

My second question is how I can improve the image quality of those product images? Some images look very poor (I assume due to high compression). The original image had a decent resolution of 1200x800 pixels. When I click on "view full size" the Thickbox image is sharp even though it is just a bit larger (600x400).

 

How do I get crisp product images - it is essential to my store.

 

Thanks in advance!

[Mike Kranzler]

Hi ronlin,

Can you please post your URL so that I can take a look at this for you? Also, what version of PrestaShop are you using?

 

-Mike

[Mike Kranzler]

Hi Ronnie,

I took a look at this for you, and wanted to provide some suggestions that you may find a little strange.

 

First of all, I personally think that the image quality is fine as-is, and I'll tell you why: if you post images that are too high in quality, you run the risk of users copy-pasting or screenshotting them rather than paying for the download, and thus stealing your work.

 

If you would like to upload images with larger file sizes, you can call your hosting provider and ask for them to increase the value of your upload_max_filesize, but I would caution you when it comes to uploading your work at the highest resolution.

 

By the same token, I would also recommend that you take advantage of our built-in watermark module to continue to protect your work.

 

I hope this helps.

 

-Mike

[ronlin-9]

Thanks Mike,

I was planning to use the watermark module.

 

Do you have any suggestions regarding the aspect ratio? I want to show the images in 3:2 format. As it is now, the images strech the entire product image block and thus become distorted.

 

How can I change the size of the image block (the white square)? This would help me remove the distortion and also not to have to have white borders on the top and bottom in case I manage to get the pictures to show in the correct format.

 

Thanks a bunch!

[ronlin-9]

Adding to the post above, when I use jqzoom I see the white stripes above and below in the jqzoom box (which should be there since I set my product image in format 3:2), but the product image itself is in format 1:1 (distorted).

 

Any ideas?

[Mike Kranzler]

Hi ronlin,

In your Back Office, please go to Preferences > Images and change the value of your Large images to something more fitting to your ratio, such as 300 x 200 or 600 x 400. Your uploaded images will be scaled to fit that aspect ratio. Then, be sure to regenerate your thumbnails!

 

I hope this helps.

 

-Mike

[ronlin-9]

Hi Mike,

Thanks for the follow-up. I did try changing the image size of course, but that does not help. Even after regenerating of thumbnails. And the white space where the product image displays, stays the same square-shape no matter what image size I set.

[Mike Kranzler]

Hi Mike,

Thanks for the follow-up. I did try changing the image size of course, but that does not help. Even after regenerating of thumbnails. And the white space where the product image displays, stays the same square-shape no matter what image size I set.

 

What size did you set the images to, exactly? On my end, it looks like it is still set to 500 x 500. Additionally, I don't see any white space at all when it comes to using JQZoom. Could you please post a screenshot so that I can see what you are seeing on your end?

 

-Mike

[hernanlr]

I´m having a similar problem. Testing site on www.elsuple.net/velasdelaballena/ The product thumbs have been resized on the BO to 200x200px. Images regenerated. Nothing changes. Tried in different pc´s, different browsers, cleared all temp files (chache, cookies, offline etc.).

 

The 200x200 was assigned to products, scenes and categories (same way, they were deactivated on those categories on the large 300x300 filesize).

 

Any ideas? HELP!!

[jmaybes]

Hi guys, related problem. Ive changed some code to include a custom background image behind my products but I can seem to make the adjust properly per size of product text. Can someone take a look and help me out?:

http://74.117.145.98/~tooters/category.php?id_category=3

 

thanks so much ahead

[Dan1]

I changed the box size by editing yourtheme/css/product.css file. Find the 300 in the code and change it to whatever you want, or I should say to match your size setting in BO image preferences. You need to change it twice; for the image and the frame.

The images shown on details of the products occupy a box of 300x300 pixels (as in the attached image). Someone can tell me how to resize the image.

I looked any .js but not found how to do that.

Thanks!