Open Social media button in new tab- Debut theme

Solved
Lilas-addas
Excursionist
44 0 7

Hello ,

I need to open the social media buttons in the footer in new tabs, I searched a lot but I didn't find a result for the Debut theme.

This is my URL: https://presets-market.com/

and this is the code that I found in the code page , but I don't know how to edit it.

   {%- if settings.social_instagram_link != blank -%}
<li>
<a class="social-icons__link" href="{{ settings.social_instagram_link | escape }}" aria-describedby="a11y-external-message">
{%- render 'icon-instagram' -%}
<span class="icon__fallback-text">Instagram</span>
</a>
</li>
{%- endif -%}

A help would be very appreciated! 

 

This is an accepted solution.

Hello @Lilas-addas,

just add a target="_blank" attribute to your links..

I added in your code..Please check below code

 {%- if settings.social_instagram_link != blank -%}
<li>
<a class="social-icons__link"  href="{{ settings.social_instagram_link | escape }}" target="_blank" aria-describedby="a11y-external-message">
{%- render 'icon-instagram' -%}
<span class="icon__fallback-text">Instagram</span>
</a>
</li>
{%- endif -%}

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
myforum
New Member
1 0 0

I am so proud of myself. I did it!! Code and me are like oil and water but this time it was a matter of cut and paste. Thank you. 

0 Likes
jiraffeking
Tourist
8 0 6

I already have the _blank attribute in my code and it is not opening a new window.

0 Likes
ChicPulse
Tourist
8 0 0

It worked! I've been looking for this solution forever! Thank you!

0 Likes
Chicafull
Tourist
7 0 4

Hi!! Sorry I don't understand where to add that code. I mean, where do I find the code shared by @Lilas-addas ?

0 Likes
ThatBoxLady
New Member
2 0 0

Hi @Chicafull ,

I was just looking for the place where I can insert this and I found it!

If you're using Debut, go to Section > Footer. For me, I found it under: {%- if settings[social_link] != blank -%}

Then I just copied and pasted as above and it worked like a charm.

Hope that works for you too!

0 Likes