Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #497679

    My client has a large number of product photos to add to their new website and they are very inconsistent when it comes to the width/height of the images. I used the gallery feature to display them and because of the varying sizes of the images, the thumbnails don’t display so great.

    I searched for solutions and found posts suggesting to use the masonry gallery which is displaying the thumbnails better, but they are cropped so you aren’t seeing the entire product. Is there a way to display them all at a consistent width/height, but also size them down so some space is added around the thumbnail either on the left/right or top/bottom (depending on the shape of the image) allowing the full shot of the product to be seen?

    #498215

    Hi!

    A password form prompt when trying to access those pages.

    Best regards,
    Josue

    #498310

    Sorry, I forgot to include that.

    #499238

    Hi!

    it would be best to upload images of same size. However, try this for your masonry gallery:

    img.attachment-shop_catalog.wp-post-image {
    height: 170px !important;
    }
    

    and adjust as needed.

    Cheers!
    Andy

    #500516

    Thanks. I gave that a try and it didn’t change anything with the images on the pages where I have the masonry gallery (http://www.hamsar.nicomitcms.com/product/led-product-01/). Instead it adjusted the size of the thumbnails on this page: http://www.hamsar.nicomitcms.com/products/work-lights/led/

    #501577

    Hi!

    use this code:

    .av-masonry-image-container {
    height: 100px;
    width: 100px;
    }
    

    and adjust as needed.

    Cheers!
    Andy

    #502991

    Thanks. I gave that a try, but the images are still being cropped the same way, but now they are just smaller. I think I’ll have to get the client to prep/size all the images consistently before uploading them to the website.

    #503039

    Hey!

    That would be the most good solution, as we can not target every possible combination.
    Please let us know if we can help you with anything else, we would love to.

    Best regards,
    Basilis

    #503378

    Sure thing. Thanks Basilis.

    #503649

    Hey!

    glad we could make things clear for you. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

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

The topic ‘Cropping & Dimensions of Gallery Thumbnails’ is closed to new replies.