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 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!
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.
This blog post is a recap of the webinar Getting Ready For BFCM: How To Run A Flash Sal...
By Jacqui Oct 3, 2023Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023