Adding Equal Height to WooCommerce Products

  • Resolved Lucii1708

    (@lucienne1708)


    7 years, 2 months ago

    Dear sirs,

    I’m trying to make all products to have the same height in my shop, but as soon as one of them have a bit longer name, it’s impossible. The height also conflicts with products which are not having a picture.

    I already tried to crop and adjust the sizes of the catalogue images in the woocommerce and virtue theme options, but it did not work.

    I’d like to have all the products at the same height. How could I achieve this?

    Regards,

    Luci

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • hannah

    (@hannahritner)

    Hi Luci,
    Try adding this to your custom css box in Theme Options > Advanced Settings:

    .product_item a.product_item_link {
    min-height: 90px;
}

    Hope it helps!

    Hannah

    Thread Starter Lucii1708

    (@lucienne1708)

    Hi Hannah,

    Thank you for your fast reply! This code worked for products with an image, but not for products without an image. You can see through the following link https://www.botanicaelgranpoder.nl/shop/page/8/ for example that the height is not the same because of the woo commerce image.

    What can I do about this?

    Regards,

    Luci

    hannah

    (@hannahritner)

    Try adding this to your custom css:

    .archive .product_item a.product_item_link img {
    max-height: 150px;
}

    Does that align your products without images?

    Hannah

    Thread Starter Lucii1708

    (@lucienne1708)

    Hi Hannah,

    You are the best! These two codes created equal heights for my woocommerce productpages.

    thank you very much!

    Regards,

    Luci

    • This reply was modified 7 years, 2 months ago by Lucii1708.
    hannah

    (@hannahritner)

    Glad to hear it:)
    Have a good day!

    Hannah

    Hello

    I am having the same problem i think….i can’t get my product catalog images to a smaller size…..i have the uncropped box checked, its the only way i found out to display the poducts in its entirely…but than i can’t get the height values to be set lower….whenever i set up an width value for thimbs or images….nothing happens !! if i set 1:1 image….it will get smaller but the images get cropped….ive tryed upload multiple resolutions to test…and can’t get anything to work….wooocommerce has been updated and they change the display image settings….most youtube videos are outdated, so i have no sucess finding an solution…

    Could you please help me ?

    This is my shop i am working at

    https://bgishop.com.br/?product_cat=labelle-cosmetics

    I have multiple itens with different sizings…id like to ge them all to display in its entirely size, having all in equal heights.

    Thanks..any help is welcome !

    Cheers

    – Arthur

    hannah

    (@hannahritner)

    Hi Arthur,
    Please start your own topic. This one has already been marked as resolved.

    Hannah

    Hi, sorry !

    I did ?? its here

    https://www.ads-software.com/support/topic/problem-with-product-catalog-image-sizes/#post-10213202

    Thanks !

    – Arthur

    Hey,

    Since you’re using flatsome theme, I suggest posting a topic with their support. They may have a solution for you, but unfortunately we’re not familiar with their product and can’t help you.

    -Kevin

    Please, I have affiliate products from Amazon (added with Woocommerce). I just want to know if there is any solution for this topic of ‘equal product names’.
    Also, please briefly tell me where to add those codes, I’m new here actually.

    Thanks.

    hannah

    (@hannahritner)

    Hi @omkarpathak,
    This topic has been marked as resolved. Can you please start a new thread and provide a link to your site?
    Thanks!

    Hannah

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Adding Equal Height to WooCommerce Products’ is closed to new replies.