August 28, 2012 at 8:24 am #15776
I have problem with thumbnail size at 2 places.
1.) Portfolio thumbnails, my page is here
I changed the size of portfolio thumbnails to vertical dimension. After adjusting style.css, function.php and regenerated all thumbnails, all thumbnails still look distorted. I can see they are using 150×150 thumbnail size and stretch to my new dimension.
2.) Product thumbnails, my page is here
I changed image size in /wp-content/themes/flashlight/woocommerce-config/config.php and then regenerated the thumbnails. However, the images doesn’t show at my desired dimension. It seems all images are expanded.
Can you please help?
ThanksAugust 29, 2012 at 2:00 am #88968
For #1, On the two images that is being stretched, you have uploaded a different dimension. On the first image, you have upload 150 x 221px which is right and the image is not stretched. The 2 other images however are 221 x 150px, That’s why it’s being stretched. Just upload an image width a dimension of 150 x 221px.
For #2, Can you repost the link? I can’t see the link in “here”.
IsmaelAugust 29, 2012 at 4:49 pm #88969
Thanks for #1
For #2, my page is at here. I changed the thumbnail size at wp-contentthemesflashlightwoocommerce-configconfig.php as below;
$avia_config = array('width'=>100, 'height'=>150);
$avia_config = array('width'=>200, 'height'=>300);
$avia_config = array('width'=>300, 'height'=>450);
After the change, I re-uploaded the image, did the thumbnail regenerated. But the image doesn’t seem to be shown at 200x300px. What do I miss? Please help….August 31, 2012 at 3:14 pm #88970
The images in your catalog view are actually dictated by the column count which defines the width as a percentage but still uses your config file and functions to create the images that are then scaled for the columns. So 3 columns the images are 30.5% of the total width of the container which puts the pixel size for the images at 201px wide and then whatever height the images gets scaled to at that width.
Additionally, I believe you can force the images to be cropped to that size which means the images may be cut off in catalog view by changing the line to:
$avia_config['imgSize']['shop_catalog'] = array('width'=>200, 'height'=>300, 'crop'=>false);
The topic ‘Resizing portfolio thumbnails & product thumbnails’ is closed to new replies.