• Hi, I am having trouble with fitting my photos into the thumbnail images on the products I am selling. When I reduce the size of the image, it looks good in the dashboard thumbnail but then I go to the actual website and its a blurry enlarged photo that looks horrible. Please help me to adjust my images to fit into the thumbnail and look good.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi

    We’ll need a bit more info to be able to help you. Do you have a link to the site we could take a look at?

    How are you adding products, WooCommerce?

    Thread Starter keepfood231

    (@keepfood231)

    The link to the page with an example of an image I am having trouble with is:
    http://keepfoodsimple.com.au/?product_cat=books

    Yes I am using WooCommerce.

    Since putting up my post yesterday I have had a play and changed a couple of settings:
    1) WooCommerce – Settings – Display – Product Images. I changed the Product Thumbnails to 300 x 300. All other images are set at 300 x 300.
    2) Media – settings – image sizes. I changed the thumbnail size to 1200 x 1200.
    The image currently on the website on the link is around 1300 x1300. Its the best I could get it looking but the image is cropped. When I view it in the dashboard it looks fine but once it goes live, its cropped.

    Ok so to change the size on the page you linked me to, the WooCommerce “catalog images” setting is the one you want to change. If all of your products are books (therefore thumbnails should be taller than they are wide) you have a couple of choices.

    1. Figure out the ratio of the images and set suitable dimensions there with the “hard crop” checkbox ticked. That will make sure all your catalog images display the same.

    2. Set a width and height where the height is the size you’d like it to display on the site, and leave “hard crop” unticked. That should scale the images until the height matches your setting.

    You’ll then need to regenerate your thumbnails. WordPress doesn’t generate new image sizes whenever the settings are changed, so they need to be remade. This plugin works great: https://wordpress.org/plugins/regenerate-thumbnails/

    Note: The WP media settings don’t control any of this, the WooCommerce ones are the only ones you need to change.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Resizing photos’ is closed to new replies.