Home › Forums › WoodMart support forum › Equal product image size on Woocommerce

Equal product image size on Woocommerce

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 9, 2024 at 4:12 pm #538466

    webtestwordpress12
    Participant

    Good day,

    The image products in my website have unequal sizes unfortunately.
    Because of this in my product page and homepage I have uneven product boxes.
    I managed to solve the issue but only for my shop page.
    From appearance and WooCommerce this is easily adjustable but the homepage was still not even.
    My believes is that the issue in homepage is not using default WooCommerce products
    since they don’t have it as a section.

    Here is an image of the issue:

    Thanks,
    G. Hristov

    Attachments:
    You must be logged in to view attached files.
    February 11, 2024 at 5:53 am #538786

    Hung Pham
    Keymaster

    Hi webtestwordpress12,

    Thanks for reaching to us.

    Please navigate to Theme Settings > Product archives > Products styles, here you can enable Even product grid for desktop option to align products if they have different height components.

    You can enable it for specific devices as well https://prnt.sc/ASt5z0mmasuz

    Please refer to article for more details https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

    I kindly recommend you preparing images with titles you want before uploading them to your media library using the graphic editor (Photoshop or any other) to have a nice-looking grid.

    Regards,

    February 26, 2024 at 3:49 pm #543903

    webtestwordpress12
    Participant

    I tried everything but the boxes are still not right. Unfortunately most of my clients don’t have products from the same height therefore It will be really time consuming to edit them each manually can I use custom css?

    February 26, 2024 at 8:32 pm #544033

    Hung Pham
    Keymaster

    Hi webtestwordpress12,

    Even product grid for desktop option helps products to be even https://prnt.sc/0LyATatrEsHU

    In order to have same size image, I kindly recommend you preparing images you want before uploading them to your media library using the graphic editor (Photoshop or any other) to have a nice-looking grid.

    Regards,

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)