How do I resize single product images? - by yitbarek1

This topic has 24 replies, 6 voices, and was last updated 8 years, 4 months ago ago by Robert Hall

  • Avatar: yitbarek1
    yitbarek1
    Participant
    December 7, 2015 at 11:04

    The product images i use is 30×45 cm at 72 dpi
    On a single product image it shows the whole image but not
    500x500px i set in woocommerce. How do i solve this?
    The other thing is, some product thumbnails are bigger and some as
    resized, how do i fix that too?

    23 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    December 7, 2015 at 11:16

    Hello,

    After changes size of the images in woocommerce setting you need to regenerate your thumbnails via Regenerate Thumbnails plugin.
    https://wordpress.org/plugins/regenerate-thumbnails/

    Regards,
    Robert Hall.

    Avatar: yitbarek1
    yitbarek1
    Participant
    December 7, 2015 at 15:24

    I did that but it didnt change anything

    Avatar: Robert Hall
    Robert Hall
    Support staff
    December 7, 2015 at 15:36

    Hello,

    Please provide us with wp-admin and FTP credentials in Private Content.

    Regards,
    Robert Hall.

    Avatar: yitbarek1
    yitbarek1
    Participant
    December 7, 2015 at 17:15

    here is it

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    December 7, 2015 at 19:49

    Hello,

    I’ve disabled Image Cropping in Theme Options > Products Page Layout and regenerated thumbnails.
    Please check images now.

    Regards,
    Eva Kemp.

    Avatar: yitbarek1
    yitbarek1
    Participant
    December 7, 2015 at 21:40

    Its better but i want the single product page like the demo
    I dont know what size its but i want it to be like the demo
    https://www.8theme.com/demo/legenda/shop/fashion-jacket-3/
    http://www.ethiopianclothing.net/product/ambo-menen/

    Avatar: yitbarek1
    yitbarek1
    Participant
    December 8, 2015 at 08:36

    Hello? did you check it?

    Regards
    Yitbarek

    Avatar: Eva
    Eva Kemp
    Support staff
    December 8, 2015 at 09:33

    Hello,

    The reason is your image has big size in height. Try to change sizes of the original image and reupload it.

    Regards,
    Eva Kemp.

    Avatar: Brian Johnson
    Brian Johnson
    Member
    December 8, 2015 at 09:37

    Hello,

    The default values for woocommerce settings are:

    Catalog Images: Width(270), Height(370)
    Single Product Image: Width(460), Height(628)
    Product Thumbnails: Width(75), Height(100)

    Regards,
    Brian Johnson

    Avatar: yitbarek1
    yitbarek1
    Participant
    December 8, 2015 at 12:59

    Thats not the problem,

    If i resized the image it wont be like i wanted, i checked your demo product image
    its big. whithout resizing the image i have to be able to get the size i want
    like 600×600 or whatever i want. I have been doing that in other themes.
    if there is a code to be added in the php file or css code please let me know.
    If not the theme will be useless for me. the single product page is important
    for me. for smaller screens it wont look good and not usable. becaue i have to scroll
    to see all the images, if its on the size i want for example 500×500 i can zoom in that
    box without resizing the original image. I want to do that.

    Avatar: Brian Johnson
    Brian Johnson
    Member
    December 8, 2015 at 13:06

    yitbarek1

    Please provide us also with correct wp-admin credentials to your site to check the issue.

    Regards,
    Brian Johnson

    Avatar: yitbarek1
    yitbarek1
    Participant
    December 8, 2015 at 15:23

    thank you

    Please, contact administrator
    for this information.
    Avatar: Brian Johnson
    Brian Johnson
    Member
    December 8, 2015 at 16:37

    Please try to disable all 3-d party plugins and check the issue . It seems that one of the plugins are causing error. Here is the list of our active plugins +woocommerce:http://prntscr.com/9brsmc

    Regads,
    Brian Johnson

    Avatar: yitbarek1
    yitbarek1
    Participant
    December 8, 2015 at 17:16

    I disabled all

    Please, contact administrator
    for this information.
    Avatar: yitbarek1
    yitbarek1
    Participant
    December 8, 2015 at 20:40

    no changes

    Avatar: yitbarek1
    yitbarek1
    Participant
    December 8, 2015 at 22:36

    http://prntscr.com/9bwqyd
    this image of yours is 2160x2349px large
    I want to have big image contained in the same size your demo have.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 9, 2015 at 08:20

    Hello,

    Try to enable hard crop option in WP Dashborad > Woocommerce > Settings > Products > Display and then regenerate thumbnails.

    Best regards,
    Jack Richardson.

    Avatar: yitbarek1
    yitbarek1
    Participant
    December 9, 2015 at 09:30

    it did not change anything, can you provide me a better support? you have my login info,
    can you login and fix the issue? It takes a long time, I have products to upload for Chirstmas sale.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 9, 2015 at 11:49

    Hello,

    1) Firstly I have disabled third-party Static Block plugin, because it gives js errors. There is the same option in our theme, so don’t think you need additional one with compatibility problems. Now we can see the footer on your site.
    Also I have updated Revolution Slider plugin. Would recommend to keep all the plugins and our theme up to date.
    2) If you want to make all the product images on grid the same size you need to use hard crop option. I have enabled it in Theme Options > Product Page Layout > Image Cropping > ON. If you disable/enable this option keep in mind that you need to regenerate all the images after that. You can use Regenerate thumbnail plugin.
    3) Single product page. Unfortunately to change image settings you need to edit template file legenda/woocommerce/single-product/product-image.php . Create child theme, copy this file into child theme and then change the $mainImageWidth = 600; $mainImageHeight = 900; $mainImageCrop = false; to values you need. If you provide correct FTP password I could help you with it.
    If you want to make image block width smaller you can also enable sidebar on single product page, see here http://www.ethiopianclothing.net/product/ambo-menen/
    4) I noticed that you use additional pages to show products from specific categories, but you can use Product Categories instead. See http://prntscr.com/9c2uls
    Is there anything else I could help you with?

    Regards,
    Olga Barlow

  • 1 2
    Viewing 20 results - 1 through 20 (of 24 total)

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

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