Select Page

Products Loop Masonry Grid?

Home Forums Feature Requests Products Loop Masonry Grid?

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • Helpful
    Up
    0
    Down
    Not Helpful

    Hi There,
    I’m looking to an easy and not too invasive way to display the product loop as Mansonty Grid or Mosaic.
    Anyone can help from this point of view?
    Thank you very much
    Cheers

    Helpful
    Up
    0
    Down
    Not Helpful

    Sounds like a cool idea – do you have a screenshot or a live example of what you want to achieve? Just wondering how you want each product to look like?

    Helpful
    Up
    0
    Down
    Not Helpful

    I’m working on a stock photo market and I’d like to display fotos (products) like this

    http://www.pexels.com

    or

    http://www.shutterstock.com

    Helpful
    Up
    0
    Down
    Not Helpful

    sorry for shutterstock here’s a relevant example

    https://www.shutterstock.com/it/featured-collections/womens-history-month-159153274

    Helpful
    Up
    0
    Down
    Not Helpful

    Ok cool. I will look at this feature and add this to the “todo” list.

    Will let you know when added 😀

    Helpful
    Up
    0
    Down
    Not Helpful

    Is there anything you can suggest in the meantime?
    I’m looking around, but there really isn’t almost anything about this topic.
    Thanks

    Helpful
    Up
    0
    Down
    Not Helpful

    You could try code this yourself – it can be done using just CSS and CSS and Jquery if you want. This might help:

    CSS: https://codepen.io/qq7886/pen/MypEvw
    CSS & JS: https://codepen.io/Gerlach360/pen/qvbPBE?page=1&

    I think the easiest would be the CSS solution. Replace “.item” with the list item “li” and “.masonry” with the “ul” of the product list.

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

You must be logged in to reply to this topic.