I want to change the size of my product thumbnails in catalog mode to speed-up loading times. So it's not about image scaling but the actual size displayed.
I have a gallery of 4 products per row (with 25 rows per page, so 100 products in total and more than 6MB in images on my starting page). By default the product thumbs are scaled down to 1116x1116px. (Or those, at least, open when I right-click on thumbnails. To speed up, I'd like Kalium (or Woocommerce) to use smaller versions of the same images (let's say 400x400). Since Woocommerce v3.3 it should be able to do that automatically as described here: https://woocommerce.wordpress.com/2017/12/11/wc-3-3-image-size-improvements/ (also screenshot attached). However, when I go to "Design->Customizer->WooCommerce->Product Images" it lacks the part where I can set the "thumbnail width". No matter how often I regenerate the thumbnails they always end up in 1116x1116px. How can I fix?
Sorry I forgot to tell you that the filter "kalium_theme_support_woocommerce" is not implemented in current version of Kalium so I am sending you the newest version of that file which will be included in future updates, so you have to replace it only this time:
Download this file and replace it in this directory (of the theme): /kalium/inc/classes/compatibility/
This file will allow the previous code I've sent you to work.
Hi there!
I want to change the size of my product thumbnails in catalog mode to speed-up loading times. So it's not about image scaling but the actual size displayed.
I have a gallery of 4 products per row (with 25 rows per page, so 100 products in total and more than 6MB in images on my starting page). By default the product thumbs are scaled down to 1116x1116px. (Or those, at least, open when I right-click on thumbnails. To speed up, I'd like Kalium (or Woocommerce) to use smaller versions of the same images (let's say 400x400). Since Woocommerce v3.3 it should be able to do that automatically as described here: https://woocommerce.wordpress.com/2017/12/11/wc-3-3-image-size-improvements/ (also screenshot attached). However, when I go to "Design->Customizer->WooCommerce->Product Images" it lacks the part where I can set the "thumbnail width". No matter how often I regenerate the thumbnails they always end up in 1116x1116px. How can I fix?
Hi aktmitpferd,
The default image width on catalog page is set to 550 pixels:
(view large image)
So if you want to change it simply add this code in functions.php and set your preferred image width:
function kalium_theme_support_woocommerce_thumbnail_size( $args ) { $args['thumbnail_image_width'] = 400; return $args; } add_filter( 'kalium_theme_support_woocommerce', 'kalium_theme_support_woocommerce_thumbnail_size' );Please note that you need to regenerate thumbnails in WooCommerce > Status > Tools > Regenerate shop thumbnails
This should work for you.Sorry I forgot to tell you that the filter "kalium_theme_support_woocommerce" is not implemented in current version of Kalium so I am sending you the newest version of that file which will be included in future updates, so you have to replace it only this time:
Download this file and replace it in this directory (of the theme): /kalium/inc/classes/compatibility/
This file will allow the previous code I've sent you to work.