Skip Navigation

[Resolved] How can I change the results loop to masonry?

This support ticket is created 4 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 1 reply, has 2 voices.

Last updated by Christian Cox 4 years ago.

Assisted by: Christian Cox.

Author
Posts
#1897495

Hey there, I would like to change the results loop in the frontend to a masonry.

As you can see in this screenshot there are some big white spaces, when no images are added to some posts and with masonry this should be solved: hidden link

Here is the website: hidden link

I am using the classic view builder, as I need to implement the view with shortcode into Divi.

#1897939

I am using the classic view builder, as I need to implement the view with shortcode into Divi.
Hello, unfortunately there is no built-in masonry loop style in classic Views. The built-in masonry loop option only exists in Views built in the Blocks editor. To implement a masonry design in classic Views, you would have to enqueue any required masonry library assets and built out the required loop structure in your View's loop editor.

With that being said, we recommend you do not mix Toolset and Divi elements on the same page to prevent compatibility issues: https://toolset.com/course-lesson/using-toolset-with-divi/
Inserting a View in a Divi design using shortcodes is one example of mixing Toolset and Divi elements on the same page. If you're aware of the compatibility risks of mixing Toolset and Divi content on the same page, you could try building the View in a Content Template using the block editor, then insert that Content Template in your Divi design using the wpv-post-body shortcode: https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#wpv-post-body
Again, we recommend you do not mix Toolset and Divi content like this to prevent compatibility issues.