[Resolved] Showing multiple view outputs on a page

[Author]

Posts

[ericE-4]

I have a page (hidden link) that contains 3 separate panes: 1) Search filters 2) View output (map of post locations) 3) Currently empty

I want to add another view output to pane 3, this view would contain a grid of posts, the same posts that are filtered in pane 1, and whose locations are shown in pane 2. So when one changes the filters in pane 1, both pane 2 and pane 3 are updated and pane 2 and pane 3 will always contain the same posts (with different post information displayed in each).

How would I accomplish this? Couldn't find any documentation on it.

[Luo Yang]

Hello,

In your case, it does not need the second view, it needs just one post view.

For example, you can try these:
1) put the map shortcode insider panel 2,
2) display the post information + map marker shortcode insider panel 3

So all panels will always contain the same posts.

More help:
https://toolset.com/documentation/user-guides/maps/maps-shortcodes/#wpv-map-marker
https://toolset.com/documentation/user-guides/maps/maps-shortcodes/#wpv-map-render

[ericE-4]

I only have one view. I am currently displaying the map in Pane 2 using the shortcode

[wpv-view name="search-page-filters" view_display="layout"]

. What shortcode do I need to put in pane 3 to display the grid?

[Luo Yang]

Please try these:
1) Move the map shortcode [wpv-map-render ...] to Pane 2
2) Move the view's shortcode [wpv-view name="search-page-filters" view_display="layout"] to panel 3

And test again.

[ericE-4]

OK I did that, now there's the map in Pane 2, and a map in pane 3 with no markers (centered on west Africa). hidden link

[Luo Yang]

Please provide your website in below private message box, also point out where I can edit the panel codes. I need to test it in a live website.

[Luo Yang]

Thanks for the details, as I suggested above:
https://toolset.com/forums/topic/showing-multiple-view-outputs-on-a-page/#post-1405129
Move the map shortcode [wpv-map-render ...] to Pane 2

Edit the post view: Search page filters
hidden link
in section "Loop Editor", remove the map shortcode to, add the the post information shortcode, like this
[wpv-post-title]

I have make an example in your website.

But in your case, you are using AJAX search feature, so it needs to move all HTML codes of panes(both panel 2 and panel 3) HTML codes into post view's content, you need to make it manually, so when you update the custom search form in front-end, Views will update the search results(both the map and post information).

Please let me know if you need assistance for it, thanks

[Luo Yang]

Or you can disable Ajax search feature, add a submit button into custom search form and change to option "Full page refresh when visitors click on the search button".

See our document
https://toolset.com/documentation/user-guides/views/front-page-filters/

Screenshot:
hidden link

[ericE-4]

I've figured it out, thanks.