Add "Share by Email" to Product Social Sharing

Hello all!

We recently updated from a very old version of the Symmetry theme, and now customers sadly no longer have the option to share products quickly via email. I know this is probably somewhat dated as social shares are more popular these days, but we have an older clientele that used that feature pretty frequently. I reached out to the theme developers and they weren’t able to offer any support.

I was able to get a somewhat clunky version of it to almost work by adding a custom.liquid block into the product page template, dropping in some code found online on another forum, and linking it to an email icon uploaded to my files. Unfortunately I have only been able to figure out how to have it link to the homepage though and I’m not sure how to have it pull in the link to the current product listing.

Ideally though, I’d prefer to have it in line with the other social shares and not as a custom.liquid block, so I’m hoping someone here can take a look at this code and help me figure out how to make this all work out!

Here is my current social-sharing.liquid file:

<div class="sharing social-links">
<span class="sharing-label">{{ 'general.social.share_heading' | t }}</span>
<ul class="sharing-list">
<li class="facebook">
<a class="sharing-link" target="_blank" rel="noopener" href="//www.facebook.com/sharer.php?u={{ shop.url | append: share_permalink }}">
<span aria-hidden="true">{% render 'svg-facebook' %}</span>
<span class="visually-hidden">{{ 'general.social.share_on_facebook' | t }}</span>
</a>
</li>
<li class="twitter">
<a class="sharing-link" target="_blank" rel="noopener" href="//twitter.com/share?text={{ share_title | url_param_escape }}&url={{ shop.url | append: share_permalink }}">
<span aria-hidden="true">{% render 'svg-twitter' %}</span>
<span class="visually-hidden">{{ 'general.social.share_on_twitter' | t }}</span>
</a>
</li>
{% if share_image %}
<li class="pinterest">
<a class="sharing-link" target="_blank" rel="noopener" href="//pinterest.com/pin/create/button/?url={{ shop.url | append: share_permalink }}&media={{ share_image | img_url: '1024x1024' }}&description={{ share_title | url_param_escape }}">
<span aria-hidden="true">{% render 'svg-pinterest' %}</span>
<span class="visually-hidden">{{ 'general.social.share_on_pinterest' | t }}</span>
</a>
</li>
{% endif %}
</ul>
</div>

Any help would be so appreciated on this!

Hi there. Did you ever figure it out? I came here because I have the same issue with my site, but nobody ever answered :disappointed_face: Please let me know if you found a solution.