Tagged: image size, product categories, woocommerce
Hi
I searched for this answer and the one I found didn’t work for me.
I m looking to change the size of:
1) the images on the category/archive pages
2) the main image on the single product page
but still keeping them responsive. It seems I would have to use a percentage to reduce or enlarge an image.
I just can’t get the CSS right.
Hey KK!
1. Where are your category pages? I couldn’t find them on your site and when clicking on them in your dashboard they return no results.
2. Try adding this to your custom CSS.
.single-product-main-image { width: 50% !important; }
Best regards,
Elliott
Do I have things in the wrong place?
I have categories under Product.
Am I supposed to make pages? I was told not to.
Hey!
Can you please provide a link to an actual category page? Did you apply categories on your products? You can find the thumbnail size option on WooCommerce > Settings > Products > Product Image Sizes panel.
Best regards,
Ismael
Here is where I have the product categories:
http://bit.ly/1qKrYuP
here is the one for gift boxes:
http://bit.ly/1qKs8Cg
and here is the one for the MENU:
http://bit.ly/1H1pDWD
I’m getting the feeling this is not right. Is there a diagram of how this should be set up somewhere?
Hi!
I’m sorry but I can’t find anything wrong with the product category pages images. Can you please provide a screenshot of the issue? Like I said, you can change the product thumbnail sizes on WooCommerce > Settings > Products > Product Image Sizes panel. Upload the images again or use an image regeneration plugin.
Best regards,
Ismael