With built-in custom CSS rules now standard for most WordPress themes, version 5.4+ of Store Locator Plus® has dropped legacy CSS styles. Up to version 5.4 users could place a CSS file in the Store Locator Plus® plugin CSS directory and then use the Settings | View | Plugin Style to select that CSS file in place of the default “A Gallery Style”.
Adding The Style With Experience Add On
Copy the CSS from one of the legacy CSS stylesheets listed below an paste it into the Settings | View | Custom CSS box. This requires the WordPress Experience Add on.
Adding The Style With WP Themes
Custom CSS support is built into WordPress core and themes only need to tell WordPress they support that option to enable the functionality. Many modern themes now include this option. Go to Appearance | Customize | Additonal CSS and paste the CSS there.
Users of our MySLP SaaS offering don’t have to worry about this sort of thing. The built-in style gallery will suffice for most sites and those that need custom CSS can use the built-in CSS tools provided by platforms like Wix, Weebly, Squarespace, and more.
Our software-as-a-service platform, MySLP, runs on many different web builders and mobile frameworks. If you are using MySLP you cannot easily create pages that contain the [slp_directory] shortcode used in the Store Locator Plus WordPress plugins. There is another way to do this with our SaaS offering.
This new MySLP feature makes it easy to add a directory of locations to any platform. Display your location directory on Weebly, Wix, WordPress, or any website management platform that supports JavaScript.
The Embed Code
When using MySLP you typically add your locations and set your map experience properties. The next step is to go to the Generate Embed page on your account dashboard to get the JavaScript needed to display the locator search form and map on your site.
Embed Code For Directories
When displaying a directory, you normally do not want the location search and map to appear. You can use the data-presentation attribute with your script to tell MySLP what type of location presentation you would like to show on your site.
Here is a full script example from our test server — you can see where we added data-presentation=”directory” to the standard embed script.
Adding data-presentation=”directory” to the script will use the directory style presentation where the <script…> embed appears versus the standard MySLP output.
Default Directory Presentation
The default setup for the directory style presentation is to show a list of states (or provinces) in a list.
Clicking on a state will show a list of locations using the results layout configuration you have set for Store Locator Plus®.
By default there is no search form, map, Store Locator Plus® tagline, or distance displayed.
Styling The Output With CSS
You can style the directory output by manipulating the CSS on the site where the script has been embedded. The method for adding custom CSS will depend on the platform you are using to host your site.
Experience Add-On or Professional level MySLP SaaS
The Experience Add-on for WordPress SLP plug-in , or the Professional level or higher plan for MySLP Software-as-a-Service application allows you to customize the layouts, the map interface, and the search form to display in a certain manner on the front end of your locator page
Search Layout
Search Layout is found under the Settings tab on the Search panel.
This setting allows the search form layout to be modified via a text setting. If the Search Layout field is left blank the default search form layout and your SLP style is used. If Search Layout is modified the layout will take precedence over most of the Search Form settings and the basic Store Locator Plus.
MYSLP subscriber with the Professional level or Enterprise level plan , allows you to customize the style sheets ( CSS ) for Store Locator Plus map, results, and search layouts. There are additional styles also available with the higher level plans making it less likely that you will need to use custom styling sheets. If you are adding CSS to the SLP. The CSS field is under Settings/View under the various locator styles.
If you are an Enterprise level subscriber and need a style to work with your general theme, you may wish to contact us. Any CSS updates entered will be retained in future updates .
For WordPress SLP plugin users, The Experience Add On is available to purchase for the self managed WordPress SLP plugin , the CSS is stored in the WordPress options table.
The WPSLP Power Add On or MySLP/Professional plan allows you to import CSV files with several options. View the information under SLP/Locations/Import . You have various options to consider when determining how to update locations that match your pre-existing locations.
Options available on how to handle duplicates: Choose to Add, Skip, and /or Update.
Because there is not template specified it will display the “full” (entire/complete) SEO page. Login to the WP site and go to Store Pages as admin, click on any page. What you see there is what you’ll get on the page list output.
That means when we add descriptions to SEO pages (either manually editing the SEO page OR with some new description magic in development today) the ENTIRE page will show up.
Included in WPSLP Power only (This feature is currently NOT available with MYSLP fully managed software as a service)
Find it under Store Locator Plus | General |APP
Enable Pages turns on the Store Pages (“Pages” or “SEO Pages”) functionality of Store Locator Plus. Once enabled a new Pages tab will appear under Store Locator Plus Admin Panel menu and the Store Locator Plus | Locations | Listwill have new entries under bulk actions.
When both are enabled the links for phone numbers are set to the defacto tel: hyperlink and if a phone number contains the text specified by the Phone Extension Delimiter option it will insert a long pause at that point before continuing to dial.
This method uses the oft-support comma placeholder, adding two commas to extend the pause to allow for slower phone systems to catch up and wait for the extension to be entered.
Location Sensor capability is also a feature with the WPSLP Plug in Power add-on.
Location sensor feature can be turned on/off with a simple check box under the SLP/General tab.
When the box is checked and a visitor to your site performs a search , SLP queries the browser and requests their current location. If the browser allows location queries it will return their geographic location which will be used to set the default search location.
Note: This will only work with most browsers if you have a secure site and/or if your site visitor “allows” their location to be visible to you.
Google may return a “No results found” if you do NOT have an HTTPS site and will stop the javascript from loading. SLP with the Power add-on will negate Location sensor settings entirely if you do not have https:// enabling your page to continue to load. If you require the location sensor functionality to work properly you must have a valid SSL certification.
Location Aware Browsing
Accuracy varies greatly from location to location. In some places, service providers may be able to provide a location to within a few meters. All locations returned by service providers are estimates only and we do not guarantee the accuracy of the locations provided. Your SLP settings also determine the number of locations shown nearest the site visitor. Settings for radius, number of results to return and center of map all interact to show locations nearest to the site visitor.