Yeah, what is forcing that image to be so large?
Even if I edit the image and make it smaller, the image stays the same but it just get’s blurry.
Hi,
First of all what WooCommerce version are you using?
The image size settings should be there. But it is not enough to change the values. You need to run the Regenerate Thumbnails plugin to take effect of the changes.
I also suggest you use images with square dimensions because of your template.
Or there is also a way to add image resizing programatically, this is going to make the image 600x600px center the original image, keep aspect ratio and fill the rest with white color for example:
//convert the image to 600x600 and fill with white
exec ("convert -resize '600x600>' ../wp-content/uploads/wpallimport/files/eredeti-$str-$i.jpg -background white -gravity center -extent 600x600 ../wp-content/uploads/wpallimport/files/$str-$i.jpg");
But the easiest way is to upload image in correct dimensions…
In your CSS you have width:59% and height:auto on img tag, which makes the image so large.
Try this for example:
.woocommerce div.product div.images img {
display: block;
width: auto;
height: auto;
box-shadow: none;
max-height: 500px;
margin-left: auto;
margin-right: auto;
}
Hi, sorry for the late reply. I was out-of-town for awhile.
I am using the latest version of WordPress and WooCommerce.
Here is a link to a screenshot I took, as you can see, the image size settings are not where they are supposed to be.
View post on imgur.com
The images on the storefront are fine, but it’s the individual product themselves.
https://crsupplements.com/product/boron-mineral-water/
I’ve tried uploading a smaller image, but it remains that same size, and it just gets blown up to the size you see there. If that makes sense.
Thank you for your response!
Your theme must be disabling them. Contact the author.