Change the Website Text

Overview

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

 


 

Set-Up

  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