[Resuelto] Creating custom views layout with sidebar and top filtering

[Autor]

Mensajes

[Luigi Bella]

Here is a page where I have a view with a post category being displayed: enlace oculto

I need to keep the overhead search bar and add some filters to a sidebar as well. Both would AJAX refresh the results.
Functionality should be similar to the View I have on this page: enlace oculto, but the layout needs to be like the attached screenshot.

Any help you can provide would be greatly appreciated!

[Nigel]

Hi Luigi

A View outputs all of the markup for the filter section together, and then all of the markup for the results together.

It's not possible to output some of the filter section markup, then the results markup, then the remainder of the filter section markup.

If you are using the legacy Views editor (rather than blocks) then you have quite a lot of control over the markup, and you should be able to combine that with CSS to achieve the result you are looking for.

I think named template areas using CSS grid would be a good option, because you can set up a layout which is respected regardless of the order of the markup.

See this page for a description: enlace oculto, and in particular note the example given in the section "Naming a grid area".

I reproduce the demo here: enlace oculto

Note how I have shuffled around the order of the markup, with the content coming first and the footer before the header, but because of the CSS the result still appears in the expected layout.

[Luigi Bella]

Thank you for your help! I don't have experience with CSS Grid prior to this and I seem to be doing something wrong, here is the URL: enlace oculto
And a page with just the View: enlace oculto

Can I get you access to take a look at the View on the backend?

[Luo Yang]

Hello,

According to our support policy, we don't provide custom codes support:
https://toolset.com/toolset-support-policy/

If you need more assistance for it, please provide a test site with the same problem, also point out the problem page URL + view URL, we can try to setup a demo in your website mentioned above

[Luigi Bella]

My issue is resolved now. Thank you!