Return to previous page

Products on different levels - by Simply Keto

This topic has 4 replies, 2 voices, and was last updated 6 years, 9 months ago ago by Rose Tyler

Simply Keto

Participant

March 9, 2018 at 15:32

hey there,
i am experiencing the visual problem of different sizes of products within the shop.
Due to different pic-sizes and title-lengths, the products appear on different levels and asymmetric.

Is there a way of create a recommandation to upload pictures only in a certain form and limit the title-lengths?

Or to even compromise all avalaible products on a bigger size, so they will appear again with the same distances?

Thank you for you help.

#187743 Copied Theme version: 0.0.1 WooCommerce version: 4.9.4

3 Answers
Rose Tyler

Support staff

March 12, 2018 at 13:17
Hello,

First of all, Customize > Woocommerce > Product Catalog > Products per row.
We would recommend to use graphics editor and prepare product images (make them the same size) before uploading it to your media gallery, then your grid will look much better.
For now, try to add this custom css code in Theme Options > Styling > Custom css:
```
.content-product .product-content-image {
    min-width: 1px;
    width: auto;
    max-height: 195px;
}
.content-product .product-title {
    min-height: 70px;
    line-height: 1.3rem;
}
```
Let me know result.

Regards
#187912 Copied
Simply Keto

Participant

March 13, 2018 at 19:48

Customize > Woocommerce > Product Catalog > Products per row.
worked well to regain symetry.

the custom css code created one default size => good.
but cut a lot pictures to their disadvantage => not good.

will change each picture to one size as recommended.

thank you very much!

#188117 Copied

Rose Tyler

Support staff

March 14, 2018 at 08:22

You’re welcome!
Also, please check this article from our documentation https://www.8theme.com/documentation/xstore/woocommerce/product-images/

Regards

#188131 Copied
Viewing 4 results - 1 through 4 (of 4 total)