WooCommerce thumbnail image resizing problems

  • Hello,

    I am in need of some tips and tricks! I have my theme that seems to support the WooCommerce plugin and everything is working fine except for my thumbnail images that show the products on the catalogue page. They are being cropped and are not showing the entire image. I have tried to change the sizes in the settings panel and have used the regenerate thumbnail plugin too but nothing seems to change and fix the problem. If anyone could provide help and maybe share their own experiences that would be great!

    here is the link to the website for you to see.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter mattzarr

    (@mattzarr)

    https://hearthmanorfireplaces.com/product-category/bbq/vermont-castings/

    Thread Starter mattzarr

    (@mattzarr)

    And the same issues on this website https://secondchanceoakville.ca/?product_cat=jewellery

    I usually give this advice to clients when they run ecommerce or image intensive sites. Do some preparatory work on your images prior to uploading them to WordPress.

    WordPress will create different sized images of your uploaded images according to these settings:

    Dashboard –> Settings –> Media Settings
    WooCommerce –> Products –> Product Image Sizes
    Your Theme –> functions.php(mostly) –> add_image_size

    Look at those sizes. See what the aspect ratio of the images sizes are. Before upload, crop and scale your images to match those dimensions. Not necessarily the exact to the pixel sizes, just match the ratios.

    What will happen then is that you will end up with a media library of images all cropped and scaled to the same dimensions and will look uniform on your site.

    The error people make is to upload a hotch-potch of different image sizes thinking WordPress with automagically deal with it. It won’t, it’ll just blindly do what it’s told in the various settings I listed above.

    If you don’t have an image editor on your computer, something like

    https://pixlr.com/editor/

    will help you create better images.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘WooCommerce thumbnail image resizing problems’ is closed to new replies.