Docs

[opfishhunt]

Hi there,

Building out an e-commerce site using WooCommerce and on the shop page, as well as other places round the site where product multiple products are shown, I’d like for them to all be the same size.

How can I go about doing this? Currently using the Integrity Stack if that’s any help.

[Prasant Rai]

Hello There,

Thanks for writing in!

Could you please provide us with your website URL so we can take a closer look?

Thanks.

[opfishhunt]

Sure thing!

http://opfishhunt.com/shop

[Joao]

Hi There,

The best would be to upload all the images with the same size. That is the most clean and effective solution.

Use a software like photoshop or similar to edit your images.

Hope it helps

Joao

[opfishhunt]

Thanks! Is there any other way to force the images to scale within the template? Already have thousands of products and images on the backend of the site and it will be replicating months worth of effort to reprocess and upload all the images.

[Nabeel A]

Hi again,

Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.woocommerce li.product .entry-featured img {
    min-height: 250px !important;
    max-height: 250px !important;
}

Let us know how this goes!

[opfishhunt]

Awesome, that worked.

Thanks!

[opfishhunt]

Also, not sure to ask in a separate thread or here, but slightly related I guess. What if I wanted all the cards displayed to be the same size. As in say a product had more than x amount of characters then it would be truncated so all the cards are the same site?

[Christopher]

Hi there,

We don’t recommend you to fix the height of card elements. Please provide us with URL of page in question.

Thanks.

[Author]

Posts