Edit category image thumbnail size

[Brent_St]

Hi,

Looking to edit the category image thumbnail size.

followed the instructions on here but to no avail. https://theme.co/apex/forums/topic/product-images-woocommerce/#post-224057

the product image sizes are great the way they are but i need to edit the category thumbs.

any help is greatly appreciated.

thanks,

Brent

[ruenel]

Hello Brent,

Thanks for writing in!

You can adjust the WooCommerce product image size in Appearance > Customize > WooCommerce > Product Images. After changes to the right image size, go to Plugins > Add New and add Regenerate Thumbnails plugin. Once installed, go to Tools > Regenerate Thumbnails and run it to make sure that all your product images will be resized.

We would love to know if this has worked for you. Thank you.

[Brent_St]

Hi RueNel,

I am happy wth the product image size. This is an example of what is good. https://jackgibsongallery.com/product-category/april-white/

For ome reason this category image is not working https://jackgibsongallery.com/product-category/artists/

if you can shed some light as to why the second category’s images are different than every other category on the site i would use appreciate it.

thanks,

Brent

[lely]

Hi Brent,

Please check if you do have customization for specific archive. There’s seems to be difference in structure. See this: https://screencast-o-matic.com/watch/cq6T1audoT

If not a customization, please check your category or product settings. Please compare it on the other.

[Brent_St]

Hi Lely,

I have not made any modification or customized the “Artists” category.

In Pro > Theme Options > CSS you can see the customization i have made, centering the prices, removing the product count but all of the changes should be working site wide.

Any hep on why this specific category is different jul doe greatly appreciated.

thanks,

Brent

[ruenel]

Hello Brent,

There is really a difference on the structure of the pages. This could just be some caching issues. At the moment, to make sure that the image will display the same, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.woocommerce li.product .entry-featured img,
.woocommerce li.product a img {
    min-width: 100%;
}

And since you are using SiteGround, please clear your site cache or at least temporarily disable the supercacher in your hosting panel. The SuperCacher is developed by SiteGround exclusively for their customers. It increases the number of hits a site can handle and boosts the website loading speed. The SuperCacher includes 4 different caching options for maximum optimization of your websites. You can access the tool by clicking on the SuperCacher icon in your cPanel.

For more information about this, please check it out here: https://www.siteground.com/tutorials/supercacher/supercacher_intro.htm

Hope this helps.