Search Form Style

Search Form Style sets the styling for the interactive locator elements on your site.   It uses pre-built jQuery Theme Roller style CSS designs to create a simple way to style interactive elements such as the autocomplete feature (available in WPSLP Experience or with MySLP Professional) on the address box. with Experience or Professional level plan additional search elements are available, including a one click checkbox to “Hide the search form”  altogether.

The default styling is set to “None” which provides not special styling rules from interactive JavaScript elements in the locator interface.   This allows the site designer to create their own styles for the website in which the locator will be placed.

Search Form Style Default None 2017-05-23_16-20-30.png
Default styling for autocomplete is “none”.  The theme in this example does not specifiy any ui-autocomplete styling. The background inherits the transparent background used by the website as the default for all divs.

The base service also includes the Base jQuery theme.

 

Setting A New Style

For WordPress plugin users go to the Store Locator Plus selection on the sidebar menu.

For MySLP users go to Store Locator Plus sidebar menu.

Select Settings/Search from the tab list.

Scroll down to the Appearance section and expand it by clicking the word “Appearance” if necessary.

Select a new style from the Search Form Style drop-down menu.

Selecting Base Search Form Style
Selecting a search form style for interactive elements.
jQuery Base default styling 2017-05-23_16-23-52.png
jQuery Base Default Styling

Available For WPSLP and MySLP

Search Form Style is a feature that is included in the base plugin of Store Locator Plus for WordPress and is available under Store Locator Plus for all levels of the MySLP service.   Premier members on WPSLP and Enterprise Level users for MySLP will have multiple options for the Search Form Style.

 

 

User Interface Settings for WPSLP plug-in

Settings that impact how JavaScript works on your site.  Note, if you subscribe to the MySLP SaaS, you will  not see a General tab. With the MySLP we  take care of this for you!  The My Store Locator Plus service is a fully-managed application that works with any website or mobile development platform.

UI jQuery Version –

reflects the jQuery version that is currently used with  the Store Locator Plus version  you are using. The SLP jQuery versions are in compliance with the WordPress minimal version requirements.

Force Load JavaScript

 

This settings forces the Store Locator Plus JavaScript (slp.js) to be loaded when your WordPress Theme header is loaded. This is NOT the way to go.  It is recommended that you turn OFF “Force Load JavaScript” and instead contact your theme author. See Troubleshooting for more information

Q: I am receiving error messages and something isn’t working the way it used to, what is wrong?

The most common issue is that there were updates in Store Locator Plus, WordPress, a non-Store Locator Plus plugin, or your theme that may be interacting with and breaking Store Locator Plus.

Update Your Store Locator Plus Add Ons

The first step should always be to check the Store Locator Plus versions page and make sure you are running the latest version of your Store Locator Plus plugins.   There is often a free upgrade to a newer version of a Store Locator Plus add on that works with the current release of the base plugin.

Map Not Showing

You activated the Store Locator Plus base plug-in and followed all the instructions but when you visit your locator page no map is there.

Here are some common reasons why the map will not appear:

Did you obtain a Google MAP API key?

As of June 22, 2016 Google requires all new domains, sites to obtain a key.  There are many options based on how often your locations are queried. There are instructions in the SLP documentation site , in the SLP User Interface under INFO.  See Getting Started Guide.  More recently, 2018, Google has introduced security measures requiring SSL certification (HTTPS)  for sites that may want the search to locate their customers location. (Location Sensor)

General Settings

There are settings under the General tab for Admin , User Interface, Server, and Data.

Admin

The Admin tab is where your subscription Accounts ID , Add-on packs User info , and Update Notices are located. There is also a Reset Manage Locations button available for use to reset the back end Manage Locations  display page to the default view (10 locations per  page view). This feature was previously only available with the free SLP  Janitor Add-on.
2016general-admin
There is also a Locations management option  to Highlight the locations that are not geo-coded on the Panel that displays your entered locations.