To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

Open Social media button in new tab- Debut theme

Solved
Lilas-addas
Excursionist
44 0 8

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! 

 

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
13794 2099 2694

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 -%}

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant

View solution in original post

Replies 6 (6)
oscprofessional
Shopify Partner
13794 2099 2694

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 -%}

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
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. 

jiraffeking
Excursionist
15 0 8

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

ChicPulse
Tourist
8 0 0

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

Chicafull
Excursionist
11 0 5

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

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!