Not the same size?

How come my listings on the shop page all look different size?

Attachments:

You must be logged in to view attached files.

Hi,

It happens because you have different aspect ration for images uploaded to your products. If you want to make all products inline you need to upload all images with the same proportion. Otherwise, you can enable hard crop in WooCommerce -> Settings -> Products -> Display and regenerate all thumbnails. But it will crop your images and in some cases, it may look incorrect.

Regards

thats the first thing i did i change the image size then regenerated thumb nails and no change

its ok i did it the width and the height have to be the same on the product main immage

Look but if i have a variable swatch and the phot the same size now this isn’t in line

Attachments:

You must be logged in to view attached files.

anyway of having the swatch under the writing so the writing stays in line?

You can move swatches under the title only with additional customization of the file woodmart / woocommerce / content-product-base.php

yes that looks beaut thanks just have to amend picture size as it crops its

Actually this just corrupts when you click the swatch?
Theres got to be a away round this.

Looks well bad.

Look at boohoo website this looks good like this

Attachments:

You must be logged in to view attached files.

Yes, but you upload images with different proportions for your variations. If you want to enable the hard crop, you need to enable it for single product images as well.

what size height would i make a variation then Product?

Surely this is so long winded when a simple css code to put it under title or above the phot would make things so much quicker when listing variations.

how do other sites look?

probably best to not use swatches and just copy products.

But the only thing with this is when i upload a product on WP-lister for ebay

The best way to fix this issue is to use images in the same proportions. It is not possible to fix them with CSS.

i have set all images to 750×750 to get the same.

Ill play around when listing products

But if you don’t enable Hard crop option and upload images, for example, 800×1000 they will not be 750×750.

But wont hard crop then cut half the image

i have done hard crop see how i get on when i upload more products,

I also have a solution too, i can list single product images as a single variation, this way there will be a swatch on all photos to look even 🙂

yes look i i look on h&M website and this is what they do to keep it look tight>

JEEEEEZZ MANEEEEEEZ

This is head ache i think i had this issue before.

I dont want to be changing photo sizes all the time

Attachments:

You must be logged in to view attached files.

But the H&M website looks this way because they upload all images in the same size initially. They change their images size each time they upload them to products.

Yes but this way it doesn’t cut the image on the catalogue page

suppose they have all there own photos taken them selves,

Where as i have different photos from different people.

Is there a video on this for some extra support.

We are a bit confused with this problem at the moment. Could you please describe it from scratch?

There are only two ways to make all images look the same in WooCommerce:

1. Enable hard crop option.

2. Upload all images in the same aspect ratio initially.

As we can understand, you can use the hard crop option only. What difficulty do you have with this method?

no its because of the swatch it makes them out of line, but when you gave me the code to move the swatch above the title.

All the big websites have the swatch underneath, the title,

i will just upload every item with a swatch. to keep it even

how many people handle this support forum?

Currently, there is only me on the support forum.

So you want to move swatches under the title?

yes this would be easier for me i think because my website not all products suit a swatch

any way of having this like so it stay inline at the arrow,

I create a blank swatch but on the product page its as a drop down option

Attachments:

You must be logged in to view attached files.

You can move swatches under the title only with additional customization of the file woodmart / woocommerce / content-product-base.php

And we don’t quite understand your last question, could you please explain a bit?

it doesn’t matter i have installed a plugin Woo Display Variations On Catalog Listing Pages.

This ends all the trouble. i did ask you about this before. ive always wanted this set up;)

I have put the code in for future use 🙂

Great, we are glad that you have found the solution.

Please close

[Author]

Posts