Resizing portfolio thumbnails & product thumbnails « Support Forum | Kriesi.at

Support Forum » Flashlight

Resizing portfolio thumbnails & product thumbnails

4 posts from 3 voices

Started 8 months ago by JoyK
Latest reply from Devin
This topic is not a support question

Tags:

No tags yet.

JoyK
Member

Hi,

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 150x150 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?

Thanks

Posted 8 months ago #
Ismael
Moderator

Hi JoyK,

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".

Regards,
Ismael

Posted 8 months ago #
JoyK
Member

Thanks for #1

For #2, my page is at here. I changed the thumbnail size at wp-content\themes\flashlight\woocommerce-config\config.php as below;

$avia_config['imgSize']['shop_thumbnail'] = array('width'=>100, 'height'=>150); $avia_config['imgSize']['shop_catalog'] = array('width'=>200, 'height'=>300); $avia_config['imgSize']['shop_single'] = 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....

Posted 8 months ago #
Devin
Moderator

Hi JoyK,

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);

Regards,

Devin

Posted 8 months ago #

RSS feed for this topic

Reply

You must log in to post.

Kriesi.at - Wordpress Themes and HTML Templates

Resizing portfolio thumbnails & product thumbnails

Reply

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…