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.
User | RANK |
---|---|
33 | |
27 | |
18 | |
9 | |
9 |
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023