Return to previous page

Product images - by eddadee - on WordPress WooCommerce support

This topic has 13 replies, 3 voices, and was last updated 10 years ago ago by Eva Kemp

eddadee

Participant

January 29, 2015 at 07:30

Hello again,

I’ve added a product image and some gallery images. On the actual product page, the product images are much larger than the original image and look grainy/fuzzy. Why is this happening and how can I get the images on the product pages to be a consistent size – I want the images on the left to be a bit smaller than the original size so that when you hover over them, the ‘zoom’ works correctly. It would be great if the product image height was 400px or something…?

Look at this page to see what’s happening:

http://rivermusic.com.au/product/lc-98s-model-gtr-h-h-black-mpl-t-wcase/

Thanks

#38057 Copied

12 Answers
Robert Hall

Participant

January 29, 2015 at 08:26
Hello,

It’s because your image have height 600 px. You can upload a new image with another height or try to add this code into custom.css file:

.attachment-shop_single{ height:400px; }

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#38061 Copied
eddadee

Participant

January 29, 2015 at 08:35

Hi Robert,

Please look again. I think when you looked, the site was in a different mode. Now that it is back to ‘normal’ you’ll see that the product images are much larger than they should be…

They are currently being re-sized to 555 x 1145 pixels – WAAAY too big!

Thanks!

#38063 Copied

eddadee

Participant

January 29, 2015 at 08:40

It has something to do with the CSS property: .sxy-zoom-container .inner-thumb – or with that element at least.

The height and width are set to 100% and so it is filling the entire width of the container.

When I shut down those properties in the FireFox Inspector, it looks okay…?

#38065 Copied

Eva Kemp

Participant

January 29, 2015 at 09:35

Hello,

You should upload original images with approximate dimensions 1 425px × 1 900px as now your image is too small.

Please try it.

Thank you.
Regards,
Eva Kemp.

#38102 Copied

eddadee

Participant

January 29, 2015 at 21:38

OK- I get that, but I don’t want the images to be so large on the product pages. They should be much smaller than that (555 x 1455) – how can I get them to be smaller? I want them to be 400 – 500 pixels tall max. Please help me to do that.

Thanks!

#38305 Copied

Eva Kemp

Participant

January 29, 2015 at 22:28

Hello,

The images will be scaled to the size that are set in Woocommerce > Settings > Products tab, but your original images should be with approximate dimensions 1 425px × 1 900px.

Thank you.
Regards,
Eva Kemp.

#38316 Copied

eddadee

Participant

January 30, 2015 at 23:30

My settings are:

Catalog Images: 300 x 400

Single Product Image: 450 x 600

Product Thumbnails: 150 x 200

But the images on the single product pages are still much too large. Please look:

http://rivermusic.com.au/product/lc-98s-model-gtr-h-h-black-mpl-t-wcase/

I need these images to be the size specified above.

Please help – thanks.

#38510 Copied

Robert Hall

Participant

January 31, 2015 at 09:27

Hello,

Now you need make regenerate your thumbnails with Regenerate Thumbnails plugin. Please download this plugin.
Also don’t forget to uncheck Hard Crop options.
https://www.8theme.com/demo/docs/royal/index.html#!/woocommerce

Regards,
Robert Hall.

#38527 Copied

eddadee

Participant

February 1, 2015 at 01:12

I had already installed the ‘Regenerate Thumbnails’ plugin and used it on the images, but it still didn’t work.

I think it’s about the CSS properties (see entry #38065 above) – the image width is set at 100%, so it’s stretching to the actual width of the container (555px).

#38598 Copied

Eva Kemp

Participant

February 2, 2015 at 09:46

Hello,

Have you tried to upload original images with approximate dimensions 1 425px × 1 900px?
Please try it.

Thank you.
Regards,
Eva Kemp.

#38685 Copied

eddadee

Participant

February 2, 2015 at 10:18

That doesn’t work either.

I’ve discovered through experimentation that the best thing to do is to make the images perfectly square – 900px X 900px is perfect.

#38698 Copied

Eva Kemp

Participant

February 2, 2015 at 13:12

Hello,

So, have you resolved the issue using those dimensions?

Thank you.
Regards,
Eva Kemp.

#38771 Copied
Viewing 13 results - 1 through 13 (of 13 total)