Skip Navigation

[Resolved] I need to know how I can split up the map from its filters on the front end

This thread is resolved. Here is a description of the problem and solution.

Problem: I would like to display a map with markers, but I want to use custom search filters displayed in a different area of the site.

Solution: Insert the map shortcode using the Fields and Views button. Make the map ID something unique. Create a View to display the filters, and include the map marker shortcodes in the loop. Reference the unique map ID in the map marker options popup. Place the View where you want to display the filters.

Relevant Documentation:
https://toolset.com/documentation/user-guides/display-on-google-maps/

This support ticket is created 5 years, 9 months 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
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

Tagged: 

This topic contains 66 replies, has 2 voices.

Last updated by jessicaM-4 5 years, 9 months ago.

Assisted by: Christian Cox.

Author
Posts
#1235884

Do I need to do anything with the value to show area when creating my custom field?

#1235890

It's not required, no.

#1235897

NICE!!! I got it working!! Because of your help of course. Now I just need to read through the instructions on how to change the markers. Thank you so much for all of the help today. If I have any more questions ill ask.

#1235966

Christian,

I have the map functioning and looking the way i want. then only thing left is how to put placeholder text inside the search input at the top. Something like City, Zip Code.

#1235967

I also read through the instruction you gave me on how to put filters on separate pages that will forward to this map page. Could you give me a little more detail on how to do this please?

#1236657

then only thing left is how to put placeholder text inside the search input at the top.
You can add this JavaScript to your View's Search and Pagination panel JS editor:

jQuery('#toolset-maps-distance-center').attr('placeholder','City, Zip Code');

I also read through the instruction you gave me on how to put filters on separate pages that will forward to this map page.
There are step-by-step instructions available here:
https://toolset.com/documentation/user-guides/front-page-filters/#4-1-adding-the-custom-search-form-to-a-page-or-widget
Is there a specific step you need more details about? Something not working as expected?

#1237110

My issue is resolved now. Thank you!