Make the Email Address Selectable

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

To make the email address selectable, please follow these steps:

1. From Shopify's admin, select Apps.

   

2. Select Store Locator.

   

3. Select Settings.

   

4. Select Display Settings.

   

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

   <script>
    jQuery(document).ready(function(){
    var old_focus_and_popup = focus_and_popup;
   
    focus_and_popup = function (id){
    return_val = old_focus_and_popup (id);
   setTimeout(function (){
   
    jQuery(".gm_popup .email").click(function(){
    var text = jQuery(this).text();
    document.location = "mailto:" + text.trim();
    });
   
    jQuery(".gm_popup .email").css('text-decoration','underline').css('color','#2aa8e0');
   }, 200);
    return return_val ;
    }
   });
   
   </script>

   

6. Select Save.

   

That's it!

Next Steps:

• Bulk Import Stores in Store Locator
• Display Settings
• Change the Website Text

Blog Posts:

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