Products on different levels - by Simply Keto

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

  • Avatar: Simply Keto
    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.

    3 Answers
    Avatar: Rose Tyler
    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

    Avatar: Simply Keto
    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!

    Avatar: Rose Tyler
    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

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.