Return to previous page

Product photos size and zoom - by sophie

This topic has 10 replies, 5 voices, and was last updated 9 years, 2 months ago ago by Jack Richardson

sophie

Participant

July 14, 2014 at 10:43

Hello,

I tried to upload some pictures on my website and they looked okay, but I had to change the size of my photos many times before they came out looking alright. I was just wondering with the theme Legenda, what size photos I should upload for catalog images, product thumbnails and single product images, and also the aspect ratio of the photos needed.

I changed the product image sizes in Woocommerce setting yesterday and regenerated the pictures then decided to go back to the default setting and regenerated the pictures again, somehow the product images in the catalog page and the front page are all a bit messed up, some small, some big… What can I do to fix this?

My second question is, on the main product page, is there anyway I can limit the customers how much they can zoom in to the pictures? Because all photos are compressed before being uploaded to our website, zooming in too much makes the photos look blurry and unprofessional.

Thanks and I hope you would be able to help with my questions!

#9725 Copied

9 Answers

Robert Hall

Support staff

July 14, 2014 at 10:46

Hello,

Please provide us with link to the page and wp-admin access in Private Content.

Regards,
Robert Hall.

#9726 Copied

sophie

Participant

July 14, 2014 at 11:23

Hello Robert,

Thanks for your quick reply. Please refer to below for my login detail.

Thanks!

Sophie

Please, contact administrator
for this information.

#9733 Copied

Eva Kemp

Support staff

July 14, 2014 at 15:55

Hello,

We’re unable to access your site. Is there any problem at your host?
Concerning your second question, unfortunately we don’t have such feature. You may try to upload bigger images to achieve this.

Regards,
Eva Kemp.

#9776 Copied

sophie

Participant

July 15, 2014 at 07:02

Hello Eva,

I think our host server was down last night. So I have three questions below.

1. Photo dimension – Our product photos are being edited at the moment and the photographer would like to know what size and ratio he needs to cropped the pictures into for them to show up uniformly across the website.

2. Size of thumbnail on catalog page – Please have a look at my site, in the product catalog page, the size of the catalog thumbnails are not the same… I chose hard crop already in my settings so I don’t know why some products photos are still bigger than others.

3. Product image size setting – What’s the default setting for Legenda theme? I changed it yesterday (but have since changed it back but not sure if I remembered the default value correctly). Is the default setting the most compatible with Legenda theme? Following is my current setting

Catalog Images 150×150 px Hard Crop?
Single Product Image 300×300 px Hard Crop?
Product Thumbnails 90×90 px Hard Crop? (I checked hard crop for all three)

Thanks!

#9817 Copied

Jack Richardson

Support staff

July 15, 2014 at 10:06

Hello,

To make your images show up uniformly across the site catalog you should set up height of image in Theme Options as height of smallest image on the site.

On single product page image is limited by container block width. If you want to make your image shorter you have to upload wider image.

In the Legenda theme WooCommerce image settings is used only for post thumbnails. To set up your images you should go to Theme Options > Product Page Layout and put desired dimension values for images.

The default values are:
Theme Options > Product Page Layout:
Product Images Width: 500px
Product Images Height: 700px

Theme Options > Single product page
Product Thumbnails Width: 120px
Product Thumbnails Height: 130px

Regards,
Jack Richardson

#9827 Copied

sophie

Participant

July 15, 2014 at 11:47

Hi Jack,

I’ve set everything as you said above but some images are still longer than others on the product catalog page… When I first downloaded the template, before changing the woocommerce product image size setting and regenerating all the photos, it didn’t happen. I am using the same photos as before (didn’t touch the demo product photos except regenerating them twice).

Also all my product image size settings are as above (and below)

Theme Options > Product Page Layout:
Product Images Width: 500px
Product Images Height: 700px

Theme Options > Single product page
Product Thumbnails Width: 120px
Product Thumbnails Height: 130px

Catalog Images 150×150 px
Single Product Image 300×300 px
Product Thumbnails 90×90 px

What size/ dimension should I tell the photographer to prepare the photos for so they will be completely ready to be uploaded to the website and showing up uniformly?

Thanks again for your help.

#9842 Copied

Eva Kemp

Support staff

July 15, 2014 at 14:13

Hello,

I’ve changed the height for product images in custom.css file. Please check the Shop page now and clear browser cache before.
Please read Woocommerce documentation regarding image sizes:
http://docs.woothemes.com/document/using-the-appropriate-product-image-dimensions/
It should be helpful for you.

Regards,
Eva Kemp.

#9861 Copied

chirag

Participant

October 2, 2015 at 08:00

Hello admin,

I have purchsed this theme from theme forest. I have setup this theme. but i am facing in single product image zoom image effect.

I want zoom effect like demo. Like this https://www.8theme.com/demo/legenda/shop/fashion-jacket-copy/
I am sending you product links which are having problem.

http://indianchowk.com/product/mustard-yellow-brown-cotton-chikankari-kurta/
http://indianchowk.com/product/mustard-yellow-cotton-chikankari-kurta/
http://indianchowk.com/product/navy-blue-with-piping-chikankari-kurta/

Purchase code : 4c591f0a-fe4f-4ee8-85ae-e93dbc3ed578
Item ID: 5888906

Please, contact administrator
for this information.

#90933 Copied Theme version: 1.9.1 WooCommerce version: 2.3.11

Jack Richardson

Support staff

October 2, 2015 at 09:15

Hello @chirag,

Your images should have original dimensions 1425px × 1900px. Try to reupload them in higher resolution and check zoom effect after that.

Best regards,
Jack Richardson.

#90953 Copied
Tagged: best selling, photos, product, size, themes, woocommerce, zoom
Viewing 10 results - 1 through 10 (of 10 total)