Product image

You can check this documentation, hope it helps.

Your product image is a 150 square image expanded to 291 and looks poor as you say. Have you got the Single product image size set to 291 or say 300? If you have, it may be that the catalogue image size is being used, so set that to 300 also.

Did you regenerate the thumbnails using this plugin? It worked for me, though it takes a few minutes to run, depending of course on how many images you have.

Yep same plug-in. All the images are set on 150:150 in settings, and also they are uploaded as 150:150

Regenerating a big thumbnail from a small source image won’t improve the image quality. To get the bigger image on the product page looking good, either appearance of the page needs to be adjusted to show the image at a smaller size, or you will need to source and upload better quality images at 300px square or more, edit the image size settings at admin page / WooCommerce / Settings / Products tab and regenerate the thumbnails.

There is the thing. I DONT WANT that image to appear. I want only the gallery, nothing else. I dont want the image which is displayed in my catalog to be displayed inside the product too. The small product image and the big, awful looking in the product page are the same. I dont want it in the product page.

Got it (but not sure!), try this in your css to hide the product image:

.woocommerce .product .images a:first-child
{display:none}
.woocommerce-page .product .images a:first-child
{display:none}
.woocommerce .product .images .thumbnails a:first-child
{display:block}
.woocommerce-page .product .images .thumbnails a:first-child {display:block}

You are a genius. It worked. Exactly how i need it.
Thanks a lot.

Ops… celebrated too early. Its still shown in the product gallery…..

Not sure where you mean. This set of 5 images here.

But when you open the gallery (left click on it) there are 6. And when it reaches my catalog image everything falls apart ??

Btw is there a way to remove the image name from the opened gallery. Its displayed on top of the window and below it next to 1/6

1. I think that’s a javascript code development job, too much for here, unless anyone else help with this one?

2. Try this in your custom css:

.pp_woocommerce .ppt {display:none !important}
.pp_woocommerce .pp_description {display:none !important}

lorro, how the hell did i live without you till now xD
2 worked perfectly.
About 1. The only thing i can think of is to remove the images from the product page and try with a gallery plug-in ( which was my idea in the 1st place but than you responded ??

Well i removed all disable all images from woocommerce and i use a plugin called photo gallery.
It is not the best solution but at least it works and looks good.