When a user is typing in an address on the address search box on the locator they will be shown a list of suggestions based on what address Google thinks they are asking for. It requires 3 characters or more to be entered before it shows a suggestion.
This set of instructions will require you to be using the MySLP Professional level of service or higher. The Professional level includes the Experience add on that provides the Custom CSS rules interface. Instructions here are specific to MySLP but will work for WordPress plugin users as well.
Get The Existing Style Rule
Open your website with your browser.
In your browser menu bar open developer tools. This will open a developer section on your browser window.
Right-click on the element you wish to re-style. This will show the page HTML and CSS rules in the developer window.
Select “Inspect Element”.
You will see the specific element highlighted in the HTML section of the developer window and the set of CSS rules that are applied to the element.
Right-click the top rule and select “copy”. This will copy the entire rule including the CSS selector.
Modify The Rule Via Store Locator Plus
Go to Advanced Options in MySLP (Store Locator Plus in WordPress).
Select Settings | View from the menu.
Scroll down the page and paste the copied rule in the Custom CSS box.
You can now add to the rule using standard CSS notation.
View The Changes
Reload your web page.
Keep in mind many web hosts cache CSS. Make sure you have cleared any proxy cache you have running as well as your browser cache.
A simple way to force your browser cache to reload (most of the time) is to hold down the shift key while clicking the “page reload” in your browser’s address bar. Some browsers are overly-aggressive with caching (Safari!) and you may need to clear your history.
An example for our Weebly South Carolina Ice Cream site on how to tweak the CSS.
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.
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 Advanced Options.
Select Settings from the tab list. Search will be the default sub-tab.
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.
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 Advanced Options 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.
The Power add on for WordPress Store Locator Plus and the Power level for MySLP product line share similar features and functionality. Whereas they are similar, they are not interchangeable. For instance, you cannot use the MySLP Power level service plan to export your WordPress location data and vice versa. Note: where the WP symbol appears below, those features are built into the WordPress SLP Power add-on only.
Assign categories to your locations that allow users to pick a category and show only those locations. Great for showing service versus retail centers or locations that carry specific products.
Note: Starting in March 2017 you can now pay with a credit card via Stripe. This will not interact in any way with PayPal and allows you to purchase subscriptions on a credit card.
WordPress Store Locator Plus add ons can be purchased with a credit card. To do so go through the normal checkout procedure. When the PayPal login screen appears choose the “Pay with Debit or Credit Card” button on the bottom of the screen. Fill out your details for the credit card information.
This will allow you to make the purchase and have it billed directly to your credit card WITHOUT going through a PayPal account.
A. If you need to download an earlier version of the WordPress StoreLocator Plus developer plugin, go to the WP developers plugin directory. Select the version you need , download.
You should always back up your site before updating to avoid issues that can occur , especially if you have not been updating your site on a regular basis. We recommend JetPack.
You may also want to check out this article:
Store Locator Plus allows you to set a custom marker for all of your locations.
Upload Your Marker
Start by uploading the marker to a web accessible location.
Go to Media / Add New in the WordPress admin panel.
Upload your marker.
View the attachment details for the newly uploaded marker and copy the URL.