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

7 replies4 participantsUpdated by Jack Richardson

  • Avatar: longfit
    longfit
    Participant

    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

    #76339 Copied Theme version: v3.9 WooCommerce version: 2.3.13

    7 Answers

    Avatar: Eva
    Eva Kemp
    Participant

    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.

    #76356 Copied
    Avatar: longfit
    longfit
    Participant

    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

    #76572 Copied Theme version: v3.9 WooCommerce version: 2.3.13
    Avatar: Eva
    Eva Kemp
    Participant

    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.

    #76679 Copied
    Avatar: Radhika
    Radhika
    Participant

    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.
    #90609 Copied Theme version: 1.4 WooCommerce version: 2.4.7
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello @Radhika,

    Please provide us with WP Dashboard credentials in private content.

    Best regards,
    Jack Richardson.

    #90627 Copied
    Avatar: Radhika
    Radhika
    Participant

    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.
    #90632 Copied Theme version: 1.4
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    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.

    #90793 Copied

Want to reply? Log in, or register with your ThemeForest purchase code, to reply to this topic.

Login / Register