Load a Custom Store Locator Template

If you want to make small modifications to the existing store locator template, or create a completely new one, then it’s a good idea to load the template from an external folder. This ensures that you won’t lose your template after you upgrade the plugin.

You can find the existing store locator templates in the /wp-content/plugins/wp-store-locator/frontend/templates folder.

Create a wpsl-templates folder inside your active theme folder.
Inside the wpsl-templates folder create a new file called custom.php.
Copy the code from either the Default, or Show the store list below the map template, paste it in the custom.php and modify it to your needs.
Place the following code in the functions.php in your active theme folder. This will load the custom.php template from the wpsl-templates folder in your theme folder.

add_filter( 'wpsl_templates', 'custom_templates' ); function custom_templates( $templates ) { /** * The 'id' is for internal use and must be unique ( since 2.0 ). * The 'name' is used in the template dropdown on the settings page. * The 'path' points to the location of the custom template, * in this case the folder of your active theme. */ $templates[] = array ( 'id' => 'custom', 'name' => 'Custom template', 'path' => get_stylesheet_directory() . '/' . 'wpsl-templates/custom.php', ); return $templates; }

Activate the Template

Go to Store Locator > Settings, scroll down to the “User Experience” section, look for the “Store Locator template” dropdown, select “Custom template” and save the changes.

Select Store Locator Template

If the selected template isn’t used, then make sure that no template is set through the [wpsl] shortcode. If this is the case, then it will always overwrite the selection you make on the settings page.