Product photo image size - by longfit - on WordPress WooCommerce support

This topic has 8 replies, 4 voices, and was last updated 9 years, 1 months ago ago by Jack Richardson

  • Avatar: longfit
    longfit
    Participant
    July 22, 2015 at 07:09

    Hi

    When I prepare photo image size and resolution, i don’t found more detail step
    at doc.

    Since All my product photo are png high resolution, 2048 x 1152 px which is resize 400 x 400.

    But at mobile is shown too small.
    is it regenerating thumbnail ?

    Could you have any documentation let me following step for preparation
    photo size & resolution uploading at web ?

    Thanks

    7 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    July 22, 2015 at 08:33

    Hello,

    As I see your product images are shown fine on mobile:
    http://storage2.static.itmages.com/i/15/0722/h_1437550242_8787915_0901415e0a.png
    Sizes for images should be set as described in the documentation:
    https://www.8theme.com/demo/docs/idstore/index.html#!/woocommerce_settings .
    Original images should be uploaded with approximate dimensions 1135px × 1550px as they are on our demo site.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: longfit
    longfit
    Participant
    July 22, 2015 at 19:48

    Hi

    do I only upload one high resolution such 1135px * 1550px photo .
    The woocommerce plugin will automatically resize our uploaded photo ?

    Let me know if I am misunderstanding .
    Thanks

    Avatar: Eva
    Eva Kemp
    Support staff
    July 23, 2015 at 11:32

    Hello,

    All your images should have original dimensions 1135px * 1550px.
    They will be resized according to settings in Woocommerce > Settings > Products tab.

    Regards,
    Eva Kemp.

    Avatar: Radhika
    Radhika
    Participant
    October 1, 2015 at 06:46

    Hi,

    I change the setting on Woocommerce > Settings > Products tab image sizes and also regenerate the thumbnail and product images but still it is showing big size and blurry image on single product display page. I want to make it smaller how to do that?

    http://www.khadiplace.com/shop/personal-care/sat-shikakai/

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 1, 2015 at 07:49

    Hello @Radhika,

    Please provide us with WP Dashboard credentials in private content.

    Best regards,
    Jack Richardson.

    Avatar: Radhika
    Radhika
    Participant
    October 1, 2015 at 08:03

    Hi,

    I have to make small size on home page and product page as well please tell me how to do that.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 1, 2015 at 15:05

    Hello @Radhika,

    I’ve disabled the plugin YITH WooCommerce Zoom Magnifier and enabled our default zoom option in Theme Options > Single Product Page. Also you need add this code in custom.css file:

    .sxy-zoom-container, .product-images-slider.main-images {
        height: 350px !important;
        width: 300px !important;
    }

    How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

    After that check your images.

    Best regards,
    Jack Richardson.

  • Viewing 8 results - 1 through 8 (of 8 total)

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

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.