• Store Locator
• All Versions
• Basic liquid knowledge required
• 10 Minutes

To display "View Website" rather than a URL for a store in Store Locator, follow these steps:

1. From "Shopify Admin", select Apps.

   

2. Select Store Locator.

   

3. Select Settings.

   

4. Select Display Settings.

   

5. Copy and paste this code in the "Page Footer HTML" field: 

   <script>
   $('#store_map').click(function(){
   setTimeout(function(){
   $('.website a').text('Visit Website');
   }, 100);
   });
   </script>

   

6. Select Save.

   

That's it! 

Note: if the code in step 5 doesn't work for you, you can use this code instead:

<script> 
var website_link_text = 'Visit Website';

function fixURLS(){
    var websites = jQuery(".addresses .store_website a");
    for(i=0; i<websites.length; i++){
       jQuery(websites[i]).text(website_link_text);
   }
}

$('#store_map, #addresses_list a').click(function(){
 setTimeout(function(){
 $('.website a').text(website_link_text);
 }, 300);
});
</script>

Next Steps:

• Bulk Import Stores in Store Locator
• Display Settings
• Create a Store Group in Store Locator

Blog Posts:

• Why Store Locator was the Solution for Slawsa from Shark Tank
• Help your customers find you and your products [IRL]