[Closed] view content template display in grid on split page

[Author]

Posts

[malagaS]

Tell us what you are trying to do? display filter and search results in different parts of the page, and display the results in a 3 column responsive grid.

Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site? hidden link

I can achieve this 3 column responsive grid in a content template, but in this case I can't find a way to separate the filter to another place on the page. when I use a view, I can separate the filter, but can't figure out how to get the results into a grid. here's what that looks like. and this would work if the filter could be sticky to the top of the column: hidden link
site is in dev so i can provide credentials.

[Nigel]

When you insert an existing View on a page you have the option to show the entire View, show only the search filters, or show only the results.

In the screenshot you can see where I am choosing to only show the search form. I can then insert another View block to display the same existing View somewhere else on the same page, where I would choose to only show the results.

(You have similar options when working with the legacy editor when you use the Fields and Views button to insert a View via shortcode.)

Note that you can't split a View where you create it, only when you insert the View somewhere else.

So if you are adding such a View to a page you might want to create an unassigned Content Template to act as a container for the View, and then insert that existing View twice onto the page where you want it to appear, as described.

[malagaS]

thanks. yes - splitting the view is no problem. it's how to get a grid into the results part of the view. so create an unassigned content template to act as a container for the view - and then insert the existing view twice onto the page. can you give me a little bit more detail?

[Nigel]

Sorry, are you using the legacy editor or the block editor for Views?

[malagaS]

legacy view with block editor for the content template of the loop.

[Nigel]

So, you should use the Loop Wizard to generate the loop output markup and specify in the wizard that you want a 3 column grid.

The content template holds the design for a single loop item, i.e. one place in the grid.

Note, for the legacy grid to work in Toolset > Settings you must be loading Bootstrap.