Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 12, 2018 at 3:28 pm #1032618
    Maarten-dtm

    Hi,
    I am working on a website where we use Woocommerce. The product pages are using the default woocommerce layout with the woocommerce product gallery. The problem we are having is that the images in this gallery are nog the same in height.
    How can i set the height or aspect ratio of the images shown in this product gallery?

    November 13, 2018 at 5:54 am #1032884
    Rikard

    Hey Maarten-dtm,

    Could you post a link to where we can see the results you are getting please?

    Best regards,
    Rikard

    November 15, 2018 at 11:46 am #1033895
    Maarten-dtm

    Yes,

    Amsterdam sportbeha

    Thit is one of the product pages where the images are different heights. They should all be square.
    Thanks.

    November 16, 2018 at 5:15 am #1034270
    Rikard

    Hi,

    Thanks for that, are you referring to the thumbnails or the large image when selecting one of the thumbnails?

    Best regards,
    Rikard

    November 16, 2018 at 9:57 am #1034338
    Maarten-dtm

    The large images. The thumbnails are responding like they should. But the large image is the problem.
    Thanks.

    November 20, 2018 at 8:46 am #1035476
    Ismael

    Hi,

    Thanks for the update.

    This css code should help.

    .woocommerce-product-gallery.woocommerce-product-gallery--with-images div, .woocommerce-product-gallery__image {
    max-height: 297px;
}

    Best regards,
    Ismael

    November 20, 2018 at 10:15 am #1035490
    Maarten-dtm

    Thanks that works. But now the image overlaps the bottom border. Do you have a solution for that as well?

    November 21, 2018 at 10:57 am #1035966
    Ismael

    Hi,

    Maybe, you have to adjust the bottom margin. Have you tried that?

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.