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 |
---|---|
22 | |
22 | |
10 | |
9 | |
6 |
Thanks 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, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023