Liquid, JavaScript, themes, sales channels
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!
Solved! Go to the solution
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 -%}
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 -%}
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.
I already have the _blank attribute in my code and it is not opening a new window.
It worked! I've been looking for this solution forever! Thank you!
Hi!! Sorry I don't understand where to add that code. I mean, where do I find the code shared by @Lilas-addas ?
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!
User | RANK |
---|---|
25 | |
24 | |
12 | |
10 | |
9 |
Thanks to all who participated in our AMA with 2H Media on planning your 2023 marketing bu...
By Jacqui Mar 30, 2023Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023