single product page image size and category thumbnail size fixed by the theme? « Support Forum | Kriesi.at

Support Forum » Abundance

single product page image size and category thumbnail size fixed by the theme?

4 posts from 2 voices

Started 1 year ago by mgason
Latest reply from Dude
This topic is not a support question

Tags:

mgason
Member

Hi
I have image sizes in woocommerce/Settings/Catalog tab set as
"Catalog Images" 250 x 250
"Single Product Image" 400 x400
when I go to a catalog page firebug tells me downloaded image is 250 x 250 but is displaying a 200 x 200
when I go to a single product page it tells me my downloaded image is 400 x400 but is displaying at 279 x 279
I have regenerated all of my images.

I see the same is true of the theme demo, downloads 350 x 350 product images and displays at 279 x 279.

does the theme over-ride the woocommerce settings? Should i just set my images to be 279 x 279? That seems a bit limiting but downloading bigger ones is just a waste of bandwidth if they do not display?

Posted 1 year ago #
Dude
Dude

Hey,
the image sizes are defined in abundance\woocommerce-config\config.php - you can change the dimensions there. Afterwards regenerate the thumbnails. Different image sizes may break the layout.

Posted 1 year ago #
mgason
Member
That file says
```
$avia_config['imgSize']['shop_thumbnail'] 	= array('width'=>80, 'height'=>80);
$avia_config['imgSize']['shop_catalog'] 	= array('width'=>300, 'height'=>300);
$avia_config['imgSize']['shop_single'] 		= array('width'=>350, 'height'=>350);
```
which is the size of the images used in the demo but as I said they are not displayed that size. which seems strange, downloading bigger images and scaling them down with CSS? So really those numbers have no effect unless you edit the CSS?

something like this seems to work
```
#main.container_wrap .container .prev_image_container {width: 40%;}
#main.container_wrap .container .summary {width: 57%;}
```
could take some tweaking to get actual image size and displayed to match. Any reason not to use fixed pixel values?
Posted 1 year ago #
Dude
Dude

Yes some images are scaled with css because WP would generate a thumbnail for each size. Because the dynamic templates allow a huge number of combinations (different width/height values, etc.) it's impossible (or at least it wouldn't be efficient) to generate a thumbnail for each size/combination.

Posted 1 year ago #