Open Social media button in new tab- Debut theme

[Lilas-addas]

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! 

[oscprofessional · 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 -%}

[jiraffeking]

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

[ChicPulse]

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

[Chicafull]

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

[ThatBoxLady]

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!

[myforum]

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.