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!