Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #25412

    I am using the Propulsion Small Image layout for my product page and running into some issues that I have tried to solve for hours but can’t find any answer to. The image size on the products catalog page is 210x210px and single product page image is 290x290px (1:1 ratios). So when I upload an image that at full size is smaller than 290x290px (i.e. 225x225px), it resizes perfectly (1:1) fine to fit in both image areas for catalog page and single product page. But the problem with this is that when a customer clicks on the image for a bigger picture zoom, the image is tiny (225x225px), not good for a full size image. However, when I upload an image that is double the size of 290x290px (i.e. 580x580px), it does not resize correctly to fit into the catalog page or single product page image — it just hard crops the image instead of downsizing to ratio (1:1) to fit in the spot.

    I have hard crop turned off for woocommerce and I have regenerated my thumbnails numerous times. I have tried uploading different sizes and doing everything that I can but I can’t get it resize properly.

    Please help!

    Link to product page: (if you click on the different product images for full screen, you will see what I am talking about)


    Here’s a screenshot of my woocommerce catalog images settings:




    You can control the thumbnail size for your product preview images on config-woocommerce > config.php

    //product thumbnails
    $avia_config['imgSize']['shop_thumbnail'] = array('width'=>80, 'height'=>80);
    $avia_config['imgSize']['shop_catalog'] = array('width'=>450, 'height'=>355);
    $avia_config['imgSize']['shop_single'] = array('width'=>450, 'height'=>355);

    The lightbox version of the image can be found on functions.php

    $avia_config['imgSize']['fullsize'] = array('width'=>930, 'height'=>930, 'crop'=>false); // big images for lightbox and portfolio single entries

    Change the thumbnail sizes then regenerate them using this plugin:




    How come the config.php file did not inherit the woocommerce catalog settings (see my screenshot above) that I requested. Is it normal to have to edit the hard code like you have advised? Thanks!


    I just made the change to my code as you suggested and regenerated thumbs, cleared cache and tried again, still it looks like the image is being hard cropped. If you can see my product page in the link above, click on the black product and you will see that the image area opens up wider to accommodate the image size. But when you click on the last image on the thumbnail, it does not expand… it hard crops.


    help please…



    Try to use this on the woocommerce config file.

    $avia_config['imgSize']['shop_catalog'] 	= array('width'=>450, 'height'=>355, 'crop'=>false);
    $avia_config['imgSize']['shop_single'] = array('width'=>450, 'height'=>355, 'crop'=>false);




    Didn’t work either. I really think there is something else that is not working properly causing larger image size should be downsized to fit the thumbnail area but it is only upscaling smaller images.


    How about this? Is there a way to have the thumbnail image pull from another folder containing smaller image size and light box image will be in another folder containing full size image?


    Hi ehong33234,

    No, not without heavily customizing the theme. You can use a plugin like to work with the image sizes in the backend and then regenerate them as well. The WooCommerce settings may also come into play but its been a while since I’ve really dug into them specifically.

    Unfortunately wordpress image thumbnail generation is just bad. Sometimes its tweaky and will react differently with very similar image settings.

    If you are only having issues with a handful of images the best thing to do would be to create those image sizes how you want them locally on your computer and then upload them to your uploads folder via ftp and overwrite the exact same file. WordPress will then pull the image by name and size thinking its the X by Y image but will really be your image at whatever size and crop you created.




    I don’t understand why this is such an issue. All I am asking for is to be able to upload product images that will fit the thumbnail areas and when clicked will go to full-size using the lightbox.

    This is such a fundamental and basic feature but there is obviously an issue somewhere.


    How is it working on this page but not mine? I just want same exact feature… (Purchase code hidden if logged out) /


    Okay, I just imported the default demo data and duplicated this product ^^ (above) and added 650x650px image to the image slider and it worked without any problems. Looks like I will have to recreate the products to get it to work properly, for whatever reason.

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Product Catalog and Single Item Images – Resizing Issues’ is closed to new replies.