Thumbnails on product categories list
-
Hi,
I have probem with image sizes on product categories list
Hello,
In order to settle the issue, navigate to Appearance – > Customize -> WooCommerce -> Product Image and find the size option for product page image as well as images in grid
Increase the size for the product grid.
Best Regards
This is not product grid, but product categories grid. As I’ve wrote – second row have this values correct, but only first two images of the categories are blurred.
If I increase this values in appearance settings I will get all product grid sizes bigger and this will have bad impact on pagespeed, seo etc. Alll 3000 product images will be 2x bigger than have to be.
Hello,
Try to upload bigger images for these categories.
Best Regards
All images for all categories have width 1920px…
Hello,
What is the width in Appearance – > Customize -> WooCommerce -> Product Image
The image is 300px in width https://7snow.pl/7snow-nowa/
Best Regards
Product main image is set to 600px
Product thumbnail image is set to 300px, because product thumbnails have to be 300px, not bigger.
I’ve asked about CATEGORY IMAGE not product thumbnails. Category images on category settings have 1920px.
Hello,
Set product thumbnail image is set to 600px and check. These settings are applied to categories thumbnails as well.
Best Regards
If I increase this values in appearance settings I will get all product grid thumbnails sizes 2x bigger and this will have bad impact on pagespeed, seo etc?
All 3000 product images will be 2x bigger than have to be.
It is only one solution?
Hello,
There are two ways to solve:
1. Increase image size in the settings as I told.
2. Put the Category element into two columns and set Masonry first wide, specify category ID which you want to show.
Best Regards
Ok, thanks, I’ve tried your second solution before but it couldn’t gave me this kind of view: 2 big images of categories in one row (1/2 + 1/2). Only first one is big, second one is always small even if I choose only two categories.
Hello,
You set two columns and set Product category element in each column and set Masonry first wide
Each your column has one Category.
Best Regards
.. but not works as you can see…
In masonry (first wide) first category always have 50% wide of column, not 100%, even if I choose only one category.
Hello,
Recreate the layout with rows and columns and use Promo banner element https://woodmart.xtemos.com/banners/
You will have to modify manually but you will not have increased the size of images.
Best Regards
Yes, but I will not have number of products in each category, only static banner..
Hello,
You can insert them manually in an additional field.
Best Regards
.
