[Resolved] view search, layout and map custom design

[Author]

Posts

[jakobd-2]

We have a site build underway using the Elementor framework.
We'd like to achieve the following layout.
row 1, 2 columns: Column 1 = the filter, Column 2 = Map
row 2, 1 column: the layout

We have did build a page with it all integrated as per demos and used the following shortcodes to de-construct the default 1 column style behaviour, but have had no luck finding a shortcode for the map that with the correct view block would work with the shordcodes below?
used the shortcodes for [wpv-form-view name="xyz" target_id="self"] and [wpv-view name="xyz" view_display="layout"]

Happy to look at a better way to achieve the the same result. thanks

[Luo Yang]

Hello,

How do you setup the post view "xyz"?

If is created with View block in Blocks editor, you can follow our document to create a page with Blocks editor, display the map with Toolset Views block, and display Elementor Library block in that page:
https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/#how-to-use-elementor-with-toolset

If it is created with classic editor, you need to display the map within post view "xyz":
https://toolset.com/documentation/programmer-reference/maps/maps-shortcodes/#wpv-map-render
so all the shortcodes you mentioned above should be able work too.

[jakobd-2]

hi,

Thanks for the speedy reply.
to your question, I have been using the block editor.

but as far as blocks,
yes i can create a toolset-map block
and yes I can create a toolset-view block
but i still can figure out if I can have 2 separate toolset-view blocks, 1 for search and 1 for loop as to obtain the layout required?
I could hack the css to do some positioning but would prefer it as blocks

thoughts?

thanks

[Luo Yang]

Here are details steps:
1) Create a page, for example "test-page-1"
Add a view block, display the search form + search result

2) Create another page, for example "test-page-1"
Display three blocks:
- View block, display only search form
- View block, display only the search result
- Map block, "source for the maker" choose above view block

[jakobd-2]

My issue is resolved now. Thank you!

----

For anyone else reading this, the key is setting up your initial view on another page/post. I made mine private FYI.

Then on your new page,
Step 1:
Add your views.
Without the views on the page the ability to assign your map to "this view" doesn't appear.

Create "your new" views using the option "existing view"
This is also key as this option (not new views) give you options to only show certain parts of the original view. ie. Search and then results

You now have search and results in any container you need them to be.

Step 2:
Add you Map, assign via view block, apply your view from step 1.
I saw 2 options (both view blocks i'll assume) 1st didn't work for me then second did.

Done, awesome and easy!