Home Forums WoodMart support forum Product Page Items Misaligned

Product Page Items Misaligned

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #707715

    shawn-8767
    Participant

    Hello,

    I recently added a bunch of products to my shop. Some of the products are very long and large, and do not stay in the dimensions of the other products. This makes the shop page look completely disorganized.

    How do I fix this?

    #707806

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Your images differ in size considerably. Please check this manual and upload the same size of the product images: https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

    The only way to make the view awesome is to upload images of the same size and proportion.
    WooCommerce allows some settings that you can find under Appearance >> Customize >> WooCommerce >> Product Images.

    You can define the “height” of the shop thumbnails by setting up the width : height aspect ratio in the “Thumbnail cropping” section:

    Custom: In Custom, you can select the aspect ratio of the image.

    Here are some of the popular aspect ratios (1:1, 5:4, 4:3, 3:2, 16:9 and 3:1).

    Uncropped: The height of the image will be untouched. Images will be displayed using the aspect ratio in which they were uploaded: https://ibb.co/6mR6DbD

    For the Product Archive page, please navigate to Theme Settings > Product archives -> Product styles, here you can enable the Even product grid for desktop option to align products if they have different height components:

    Best Regards,

Viewing 2 posts - 1 through 2 (of 2 total)