Slug (SEO friendly URL for the Store Detail Page) code for Store Locator WordPress

Steps to create detail page with SEO friendly URLs.


1- Copy the code into functions.php (make sure to replace 1970 with the correct page id of your store detail page)

//  Pretty URL for the Store Locator
add_action( 'init',  function() {
  add_rewrite_rule('^stores/?([^/]*)/?','index.php?page_id=1970&sl-store=$matches[1]','top');
});
 
// Whitelist the Variable 
add_filter( 'query_vars', function( $query_vars ) {
    $query_vars[] = 'sl-store';
    return $query_vars;
});

2- Add Slug in the URL of the listing
<a class="btn btn-block btn-asl" href="/stores/{{:slug}}/"><?php echo __( 'Details','asl_locator') ?></a>

3- Click Save Changes in Settings > Permalink Settings.