Product Image size

Hello,

Your Theme settings allow for the options of small, medium and Large for Product Image size.

Unfortunately, I find the small option a too small, but the Medium setting to be little large, especially for my products containing many images.

Is there a way for me to set more specific settings for Product Image size?

Thank you

Hello,

Unfortunately, there are no other options in Theme settings available to change the product image size on the product page.

You need to add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-images img{
width: auto;
height: 480px;
display:block;
margin:auto;
}

You can adjust the height and width according to your requirements.

Best Regards.

Thank you
The main image of the product is reduced but the thumbnails of the multiple images at the bottom of the product appear incorrectly , As the length of the thumbnails becomes too long

Hello,

I saw the screenshots you attached. Please provide with admin panel login details and the URL of the website to check it myself and help you out accordingly.

Best Regards.

I added the css in Custom CSS for desktop Because I just want to amend it,
and now remove it because the thumbnails appear distorted

Best Regards

I added this CSS and it worked out the thumbnails were the right size and the main image was minimized

/* product images */
.woocommerce-product-gallery figure img {
  width: auto;
	height: 480px;
	display:block;
  margin:auto;
}
/* product thumbnails */
.woocommerce-product-gallery ol li img {
  height: 80px;
}

Greetings

Hello,

Sound’s Good!!!
You are the best!!..

It means you have managed to solve your issue by yourself right?

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Best Regards.

[Author]

Posts