How to change social links to share page URL?

Solved
Highlighted
Excursionist
21 2 4

Hello Everyone.

 

I have a theme file called social-sharing.liquid that looks like this:

 

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

How can I edit it so that instead of sharing the shop URL it shares the page URL instead?

 

Many thanks.

Ian

1 Like
Highlighted
Shopify Partner
7576 1045 2626

Hello, @ian-aware 

Thanks for the post.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
21 2 4
Hello.

Thanks for replying.

Here is a link to the theme I am currently working on.

https://6c1ryakw9z6nr1n9-4960085.shopifypreview.com

If you tap a link in the header, e.g. Wooden Puzzles, you will then see share icons at the top of that page.

These are the icons that I want to make sure share the page URL and not the shop name like they do now.

I want this for all pages that the share section appears on and I believe the code to control it is what I posted above.

Many thanks.
Ian
1 Like
Highlighted
Shopify Partner
7576 1045 2626

Hello, @ian-aware 

Thanks for URL.

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
21 2 4

This is an accepted solution.

Hello Ketan.

 

I managed to solve it - many thanks for your interest.

1 Like
Highlighted
Tourist
5 0 1

hi there, can you help me with this? I wanted to do the same exact thing. Thank you

0 Likes
Highlighted
Tourist
5 0 1

Hi there, can you help me with adding a link share copy to clipboard button? 

0 Likes
Highlighted
Highlighted
Shopify Partner
7576 1045 2626

@Digitalpha 

Thanks for post.

sorry but i can't understand what do you want exactly.

do you only change the link or other one? 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
5 0 1

Thank you for your response! I need to add a copy page link button if that is possible

 c4695dfa-bf48-4630-af0d-57711cf0bd88.png

 

download.png

0 Likes