I'd like a link in my header to open in a new tab

Technical Q&A
1

Hi, I posted about this a few weeks ago but nothing came of it, I’ve since searched the boards again for a solution but I am so lost by the answers, I don’t even know where to start. Can someone please help with this?

I’d like to add a link to instagram in my header that will open in a new tab. Can this be done? Please and thanks for reading this!

2

Hello @FoscoLures

Yes it can be done but it will need code changes. Please hire or take help of a developer.

3

Hi @FoscoLures ,

Please go to sections > header.liquid file, find ‘site-header__icons-wrapper’ and add code here:

Screenshot.png
Screenshot.png1175×552 47.8 KB

Code:


            {% include 'icon-facebook' %}
            Facebook

Hope it helps!

4

@LitExtension

Thank you! Before I try it, what does “{%include ‘icon-facebook’ %}” mean? If I’m not linking to facebook what should be there instead?

Thanks so much for helping

5

Hi @FoscoLures ,

It’s just a get file function of liquid. So it will get icon of file icon-facebook.liquid in snippets folder.

Screenshot.png
Screenshot.png1277×801 31.7 KB

If you want to get another icon, it must have a file in this folder, for example ‘icon-instagram’

Hope it is clear to you.