Social media links

Solved

Social media links

john260
Tourist
13 0 8

Hello   

 

My online store has links to my social media accounts. Does anyone know how I can get the links to open in a new tab.

 

Thanks @john260

Accepted Solution (1)

Sweans
Shopify Partner
429 89 126

This is an accepted solution.

Hi @john260 ,

 

To open the social media links in new tab other than opening on the same tab follow the steps given below.

 

1. Go to Shopify Admin Panel

2. Select Online Store then click on "Themes"

3. click Three dots symbol then choose "Edit code" from dropdown menu.

4. Search "social-icons.liquid" and open the file.

5. Modify the code by adding  target="_blank" in the a tags you need.

 

Representation code

 

<a href="{{ settings.social_facebook_link }}" class="link list-social__link"  target="_blank">

        {%- render 'icon-facebook' -%}

        <span class="visually-hidden">{{ 'general.social.links.facebook' | t }}</span>

      </a>

 

 

Please view the screenshot attached.

Sweans_0-1722341892576.png

 

 

If it does, please like it and mark it as a solution! 

If you need further assistance, feel free to reach out!

Regards,
Sweans

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com

View solution in original post

Reply 1 (1)

Sweans
Shopify Partner
429 89 126

This is an accepted solution.

Hi @john260 ,

 

To open the social media links in new tab other than opening on the same tab follow the steps given below.

 

1. Go to Shopify Admin Panel

2. Select Online Store then click on "Themes"

3. click Three dots symbol then choose "Edit code" from dropdown menu.

4. Search "social-icons.liquid" and open the file.

5. Modify the code by adding  target="_blank" in the a tags you need.

 

Representation code

 

<a href="{{ settings.social_facebook_link }}" class="link list-social__link"  target="_blank">

        {%- render 'icon-facebook' -%}

        <span class="visually-hidden">{{ 'general.social.links.facebook' | t }}</span>

      </a>

 

 

Please view the screenshot attached.

Sweans_0-1722341892576.png

 

 

If it does, please like it and mark it as a solution! 

If you need further assistance, feel free to reach out!

Regards,
Sweans

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com