Search results in multiple options includes Map

This support ticket is created 6 years, 1 month 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
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: Custom search, Paginated lists, Toolset Maps, Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Luo Yang 6 years, 1 month ago.

Assisted by: Luo Yang.

Author

Posts

December 4, 2018 at 8:42 pm #1159003

Maximiliano Mendieta

Tell us what you are trying to do?
We are developing a website for the Real State category.
We need a result page for filter properties with the option to change the result layout between Grid - List - Map
So there are two questions?
1 - If it's possible to display results in a Map through Maps Plugins.
2 - If it is possible to have a switch for change through 3 layouts: Grid - List - Maps

Is there any documentation that you are following?
Display Custom Lists of Content: https://toolset.com/documentation/getting-started-with-toolset/create-and-display-custom-lists-of-content/
Displaying WordPress Content on Maps: https://toolset.com/documentation/user-guides/display-on-google-maps/

Is there a similar example that we can see?
I'm attaching a print screen of a reference website

What is the link to your site?
Not yet developed.

December 5, 2018 at 6:37 am #1159372

Luo Yang

Hello,

Q1) If it's possible to display results in a Map through Maps Plugins.
Yes, it is possible, you just need to follow our documents:
1) Setup a view with custom search form
https://toolset.com/documentation/getting-started-with-toolset/filter-content-lists-and-add-custom-search/
2) in section "Loop Editor", display the map and markers shortcode:
https://toolset.com/documentation/user-guides/display-on-google-maps/

Q2) If it is possible to have a switch for change through 3 layouts: Grid - List - Maps
There isn't such a built-in features, as a workaround, you can create three views with same filters and custom search form.
But in section section "Loop Editor", display different layout mode:
- Grid
- List
- map
https://toolset.com/documentation/user-guides/view-layouts-101/#the-output-formats

And put all three view's results in the same page, but display only one custom search form, see document
https://toolset.com/documentation/user-guides/front-page-filters/#4-1-adding-the-custom-search-form-to-a-page-or-widget
screenshot:
hidden link

then setup some custom JS codes, when user click the link "Grid", display the "Grid" view result, and hide other two view's results
For rexample:
hidden link
hidden link

For your reference.