Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 3, 2015 at 3:11 pm #497679
    NicomIT

    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?

    September 4, 2015 at 10:50 am #498215
    Josue

    Hi!

    A password form prompt when trying to access those pages.

    Best regards,
    Josue

    September 4, 2015 at 1:05 pm #498310
    NicomIT

    Sorry, I forgot to include that.

    September 7, 2015 at 2:46 pm #499238
    Andy

    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

    September 9, 2015 at 4:08 pm #500516
    NicomIT

    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/

    September 11, 2015 at 12:20 pm #501577
    Andy

    Hi!

    use this code:

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

    and adjust as needed.

    Cheers!
    Andy

    September 14, 2015 at 7:36 pm #502991
    NicomIT

    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.

    September 14, 2015 at 10:20 pm #503039
    Basilis

    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

    September 15, 2015 at 3:00 pm #503378
    NicomIT

    Sure thing. Thanks Basilis.

    September 15, 2015 at 8:12 pm #503649
    Andy

    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

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Cropping & Dimensions of Gallery Thumbnails’ is closed to new replies.