Coding pop-up window for social media sharing buttons

Highlighted
New Member
9 0 0

Hello,

I've trolled the forums and haven't been able to find help on this topic. 

I have facebook, twitter, instagram, email and pinterest buttons set up on my product pages. however, i don't know how to code the pop-up window part of this. Any help would be appreciated!

What i would like to happen is on-click: pop-up window for user to share product on given platform

 

Heres my code:

<a href="{{shop.url}}{{product.url}}" title="Share on Twitter"class="ss-icon" rel="me" target="_blank">
        &#xF611;
      </a>              


      <a href="{{shop.url}}{{product.url}}" title="Share on Facebook" class="ss-icon" rel="me" target="_blank">
        &#xF610;
      </a>              


      <a href="{{shop.url}}{{product.url}}" title="Share on Pinterest" class="ss-icon" rel="me" target="_blank">
        &#xF650;
      </a>              


      <a href="{{shop.url}}{{product.url}}" title="Share on Instagram" class="ss-icon" rel="me" target="_blank"> 
        &#xF641;
      </a>              

      <a href="mailto:{{ settings.email_link }}" title="Share" class="ss-icon" target="_blank">
        &#x2709;
      </a> 

0 Likes