Docs

[Jennifer P]

Hi, I followed this thread: https://community.theme.co/forums/topic/product-image-size-settings-missing-in-woocommerce-product-options/ and installed the function recommended to be able to control the product thumbnail size.

This added back the product image settings, BUT, the problem is now two images are showing where one should be: http://www.qboxmonthly.com/temp/shop/

I really just want to be able to have the image thumbnails be the same height in the product grid without being cropped. Any ideas?

[Thai]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link login to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[Jennifer P]

I’m now trying to modify this CSS to change the image size. However, instead of a proportional change it is stretching the image:

.woocommerce li.product .entry-featured img

[Rupok]

Hi there,

Kindly clarify what you are trying to achieve. A screenshot would be appreciated.

Thanks

[Jennifer P]

This reply has been marked as private.

[Jennifer P]

On the checkout page, my images are cropped.

On any product page where I try to pull in the data through a shortcode, it pulls in the full-size image instead of a thumbnail.

When I installed the function to add back in the Product Image Dimensions and used those dimensions, I ended up with 2 images for each product on my product page. And the thumbnails that were generated are cropped as the image is on the checkout page.

Can I make my own thumbnails, upload them via FTP and overwrite the generated thumbnails?

[Jennifer P]

And one more screenshot:

[Thai]

Hi There,

Please try with this CSS:

.woocommerce li.product .entry-featured img {
    max-height: 340px;
    width: auto;
    min-width: auto;
    margin: 0 auto;
    display: block;
}

Hope it helps 🙂

[Jennifer P]

Unfortunately, this doesn’t work. It stretches the images out instead of maintaining their aspect ratio. See the attached screenshot. Any other ideas?

and did you have any thoughts about how to fix the cart images that are cropped?

[Jennifer P]

Okay, so replacing image thumbnails via FTP worked for my cart images.

Still having issues with the Product page stretching.

[Christopher]

Hi there,

Please update your code to :

.woocommerce li.product .entry-featured img {
    max-width: auto;
    min-width: auto;
    margin: 0 auto;
    display: block;
    width: 50%;
}
.woocommerce li.product .entry-featured {
    height: 285px;
}

Hope it helps.

[Jennifer P]

That fixed it! Thanks so much!

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts