June 26, 2013 at 11:41 pm #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.
Link to product page: http://goo.gl/2kQNw (if you click on the different product images for full screen, you will see what I am talking about)June 26, 2013 at 11:49 pm #126873June 27, 2013 at 2:35 am #126874
You can control the thumbnail size for your product preview images on config-woocommerce > config.php
$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: http://wordpress.org/plugins/regenerate-thumbnails/
IsmaelJune 27, 2013 at 6:08 am #126875
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!June 27, 2013 at 6:14 am #126876
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.June 28, 2013 at 4:36 am #126877June 28, 2013 at 7:15 am #126878
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);
IsmaelJune 29, 2013 at 3:54 am #126879
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.June 29, 2013 at 6:29 pm #126880
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?July 1, 2013 at 4:19 am #126881
No, not without heavily customizing the theme. You can use a plugin like http://wordpress.org/plugins/simple-image-sizes/ 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.
DevinJuly 2, 2013 at 6:19 pm #126882
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.July 2, 2013 at 6:21 pm #126883
How is it working on this page but not mine? I just want same exact feature…July 2, 2013 at 6:42 pm #126884
The topic ‘Product Catalog and Single Item Images – Resizing Issues’ is closed to new replies.