Return to previous page

Image sizes - by CorinnaL - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 8 years ago ago by Jack Richardson

CorinnaL

Participant

April 12, 2016 at 11:11

Hello,

I have some questions concerning the size of images (I tried several things and also read the documentation):

1) Is it right, that the shop looks best, if you choose the same image size for every product?
For example 1000×1500 or 1500×1500?
And if so, is it better to choose 1000×1500 or 1500×1500?

2) If I go to shop  “Bekleidung” the products displayed in the list don´t have the same width and there is blank space. Is this due to image size also and how can I change it?

3) If I go to “Shop” there are displayed three products in a row, but if I go to shop  Bekleidung there are only two products in one row. How can I change this?

4) Theme Options  products page layout  the height and width of the product image is only for the (category) list view, right?

5) Are the image sizes in woo commerce also important or do you have to do all the settings in the theme options?

Thanks for helping,
Regards Corinna

Please, contact administrator
for this information.

#120840 Copied

7 Answers
Eva Kemp

Support staff

April 12, 2016 at 11:34
Hello,

1. Yes, that’s right. Better use the sizes 1000×1500.

2./3. Please add this code in custom.css file:
```
@media (min-width: 1200px) {.sidebar-position-without .products-grid.product-count-3 .product {
    width: 350px !important;
}}
```
How to create custom.css you can watch in this tutorial

4. Those are sizes for products images in Grid view.

5. You can set images sizes in Woocommerce settings, to get effect for the changes you have to regenerate thumbnails then http://wordpress.org/plugins/regenerate-thumbnails/

Regards,
Eva Kemp.
#120842 Copied
CorinnaL

Participant

April 12, 2016 at 14:51

Point 2/3
This works, when I set “no sidebar” in theme options –> product page layout –> layout.

But if I set left sidebar, I have the white space again.

Do I always have to adjust this via custom css?

Nothing changes, if I put in theme options –> product page layout –> product images width 300 and height 420px

Thanks for helping.

#120871 Copied
Jack Richardson

Support staff

April 12, 2016 at 16:58
Hello,

If you’re using sidebar please add this css code:
```
@media (min-width: 1200px) {.products-grid.product-count-3 .product {
    width: 250px !important;
}}
```
Please look at the screenshot http://storage8.static.itmages.com/i/16/0412/h_1460476695_9038685_68a1bbe54e.png , as you can see your original image is resized to those sizes.

Best regards,
Jack Richardson.
#120881 Copied
CorinnaL

Participant

April 13, 2016 at 17:26

Hello,

Thank you.
I find the subject image size not so easy..

1) Your code works fine, still I have the question why it doesn´t function, if I go to
theme options –> products page layout and add here

product image width 167px and product image height 250px
and put the image cropping to “off”.

Can you explain why I still can´t see three products in a row?

3) Resizing all the images
Will everything work fine, if I go through the products in woo commerce and add for every product an image with the size 400px (width)x600px (height)?
Or do I have to do changes in the media settings as well?

Thanks for helping.
Regards, Corinna

Please, contact administrator
for this information.

#121057 Copied

Jack Richardson

Support staff

April 13, 2016 at 17:59

Hello,

Have you tried to add the code I gave you in the previous post?

The problem isn’t with images, but with container width of whole product. Please try to use the css code I gave you.

If you want to resize images in Woocommerce settings then you have to regenerate thumbnails.

Best regards,
Jack Richardson.

#121062 Copied

CorinnaL

Participant

April 14, 2016 at 07:18

Thanks for your answer.
As I said, it works fine with your code, I just wanted to understand, if the size of the images is the problem.
Regards, Corinna

#121138 Copied

Jack Richardson

Support staff

April 14, 2016 at 10:12

Hello,

The problem isn’t with images, but with container width of whole product.

Best regards,
Jack Richardson.

#121180 Copied
Viewing 8 results - 1 through 8 (of 8 total)