Search and Category Filters

[grahamcopestake]

Hi i am designing a website for my client who is a food blogger. The website has a map of every restaurant/pub/cafe in a given region (Stamford, UK). Each pub / restaurant will have categories associated to it like food, drink, dog friendly, rooms, etc.

Website here: http://www.foodieandthefeast.co.uk/guide/

We want the map to be searchable by selection so if the viewer wants to find Restaurants that are child friendly with rooms and parking, they select four filters. If they want a Cafe that is dog friendly they search two filters.

Basically the map marker for each place will be an icon (that i am creating) relating to restaurant, pub, cafe etc, but then there will be further icons within the description relating to the specific categories ie parking, dog friendly.

Is this possible and how best can we achieve all this? It needs to work corrctly and give the viewer the best user experience.

Thank you

[Perry]

Hi Graham

Thanks for getting in touch!

I haven’t been up that way in some time but there are some lovely places up there. Hello from Somerset!

Our Pro add-on will fulfil these requirements, please see here for more information: https://www.wpgmaps.com/purchase-professional-version/

You can use the Store Locator feature to allow users to find markers on the map, you can also use the category system to filter based on the categories you need (dog friendly, parking etc.)

You would need to set the category filter logic to “AND” which will filter on markers that match all selected categories, and set the category filter display to “checkboxes” to allow multiple selections, you can do all that under Maps -> Settings -> General Settings.

Does that help?

Kind regards
– Perry

[grahamcopestake]

Thank you for the quick response.

So we need the facility to be able to search for a category by both typing it in and/or by selecting it from the checkboxes. So a restaurant, with food, drink, and dog friendly.

If you look at the website page itself you will see how we have it so far.
http://www.foodieandthefeast.co.uk/guide/

How would we disable the radius and distance facility as that isn’t really required at the moment.
Thanks

[Perry]

Hi Graham

We have a “search by title” feature but this would have to be adapted to search in the category names as well. I’m afraid this would be outside of the scope of what I can help you with here, but I have added this to our feature request list.

You can remove the radius controls by installing a 3rd party custom JS plugin, such as “Simple Custom CSS & JS” and then adding the following:

(function($) {

$(document).ready(function(event) {
 $(".wpgmza_sl_radius_div").hide();
});

})(jQuery);

You can remove the radius circle in your Store Locator settings if you wish to do that as well.

Is there anything else I can help you with?

Kind regards
– Perry

[grahamcopestake]

Thank you for your response Perry.
I think my client really does want potential customers to be able to search by category. I know we have the checkboxes. What would we need to do in order to adapt the code to allow this function?

Also can you advise if the checkboxes feature altered so that the categories are inline rather than below each other? Ideally having all of them visible next to each other would be better?

Thank you

[Perry]

Hi Graham

In order to do that you would have to do several things:

1) Add an input control to take the search string
2) Modify the core plugin Javascript to send this with the search AJAX request
3) Modify the core plugin PHP to receive this string and integrate it into the store locators database query, this would require GROUP_CONCAT on the category table

We do customisation requests however I’m afraid we wouldn’t have the capacity to take on a job this size at the time of writing.

Sorry I can’t be more forthcoming there, if you have a developer and would like pointing in the right direction then I can certainly help you there.

Is there anything else I can help you with?

Kind regards
– Perry

[grahamcopestake]

Hi there,
I am still trying to remove the radius area and red circle that it shows. You mentioned that you can remove this in the Store Locator but there is no option to?
If i disable the store locator, it then takes away the search button. All i need is the category filter and the search button so viewers can search. Don’t need the radius or distance thing at all.
Please help.
Thank you

[Perry]

Hi Graham

If you have the Pro add-on you’ll see a control in that panel for the store locator fill opacity and line opacity,

Turn these both down to zero and the circle will become invisible.

Does that help?

Kind regards
– Perry

[Author]

Posts