Hello I would like to change the size of the image of the products in shop page and single article page.
Thank tou
Change article image size
12 posts from 4 voices- Started 4 months ago by ganjou
- Latest reply from Ismael
- This topic is closed
- This topic is not a support question
-
Devin
ModeratorHi ganjou,
The only way to change the size of images used in the main shop page is to change the number of columns used. You can do that by going to WooCommerce Settings>Pages then scroll to the bottom and change the dropdown under Column and Product Count for the column count. Fewer columns will use larger images and more will use smaller images.
For the single blog pages, you can change the size of the image used by going to the Them Options>Layout & Settings>Default Blog Layout and using that dropdown to select one of the Big preview image options.
Regards,
Devin
Posted 4 months ago # -
Devin
ModeratorIt isn't a matter of the css but instead about how much room there is for the images to show. If you make them much bigger than they are now, they would overlap or touch.
For example, the demo uses 3 column layout: http://www.kriesi.at/themes/abundance/shop/
This puts the images at 200px wide and whatever the height is when scaled to that size. The css for the 3 column layout is:
.shop_columns_3 .products .product { margin: 0 4% 20px 0; width: 30.5%; }The width is 30.5 and the margin is 4% on the right. This makes the columns equal 98% and fills up the space. If you wanted to increase the image size, you could decrease the margin and increase the width of the column but it would have to be proportional.
Posted 4 months ago # -
Images are already that size.
I tried to modify height (to 2/3 ratio) in config.php and reload one image... -->
//product thumbnails
$avia_config['imgSize']['shop_thumbnail'] = array('width'=>80, 'height'=>120);
$avia_config['imgSize']['shop_catalog'] = array('width'=>300, 'height'=>450);
$avia_config['imgSize']['shop_single'] = array('width'=>350, 'height'=>525);
But it didn't change anything.Posted 4 months ago # -
Nick
ModeratorHi,
Great! Glad you figured it out. If you also look in theme folder woocommerce-config in file config.php, you will see 3 lines towards the beginning of the file where the image sizes are set.
//product thumbnails $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);Thanks,
Nick
Posted 4 months ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
