Change the Website Text

This article outlines how to change the text for View Website for your stores in Store Locator.

To display View Website rather than a URL for your stores in Store Locator, please follow the steps below.

 


 

Setup

  1. From the Shopify admin, select Apps.
  2. Select Store Locator.
  3. Select Settings.
  4. Select Display Settings.

    select display settings

  5. Copy and paste this code into the Page Footer HTML field: 
    <script>
    $('#store_map').click(function(){
    setTimeout(function(){
    $('.website a').text('Visit Website');
    }, 100);
    });
    </script>

    paste this code in the Page Footer HTML

    Note: You can change the Visit Website text in this code if you'd like different text to display to your customers.

  6. Select Save.

 


 

Troubleshooting

If the code in Step 5 doesn't work for you, please 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>
Was this article helpful?
0 out of 0 found this helpful