Product photos size and zoom - by sophie

9 replies5 participantsUpdated by Jack Richardson

  • Avatar: sophie
    sophie
    Participant

    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

    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,

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

    Regards,
    Robert Hall.

    #9726 Copied
    Avatar: sophie
    sophie
    Participant

    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
    Avatar: Eva
    Eva Kemp
    Participant

    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
    Avatar: sophie
    sophie
    Participant

    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
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    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
    Avatar: sophie
    sophie
    Participant

    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
    Avatar: Eva
    Eva Kemp
    Participant

    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
    Avatar: chirag
    chirag
    Participant

    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
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    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: , , , , , ,

You must be logged in to reply to this topic.Log in/Sign up