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.
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 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 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.
Results Layout ShortcodesThe Experience Add On allows you to custom tailor the look and feel of the Store Locator Plus plugin on your site. To accomplish this the plugin uses a combination of HTML and special shortcodes. These can be changed or checked off under the Settings* tab the plugin.
* formerly referred to as Experience tab, if you do not see Settings in the UI you are not using the latest version of Store locator Plus
The Overall Layout
This is set via the View / Layout setting. It determines the overall layout for the plugin based on 3 primary components: The Search Form, The Map, and The Results.
A. A shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. In other words, a Shortcode = shortcut.
Store Locator Plus comes with a variety of styles to provide a basic style framework that will attempt to match your locator page to various WordPress themes installed on your site. You can see the list of Locator Styles under the Store Locator Plus Settings / View panel. The inner slide bar will show you more.