Social links open in a new page

[Daniel19901]

Hi everyone, I don't have this option in my theme, but I would like the social links to be opened in a new tab, can anyone help ? 🙂

https://www.ildetailing.com/

[BSSCommerce-HDL]

Hi @Daniel19901, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </body> tag:

<script>
let social_links = document.querySelectorAll('.hdt-socials__list .hdt-socials__item.hdt-inline-block');
if(social_links.length > 0) {
   social_links.forEach(link => {
     link.setAttribute('target', '_blank');
   });
}
</script>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[Daniel19901]

@BSSCommerce-HDL thx, but it didn't work 😞

[BSSCommerce-HDL · Accepted solution]

@Daniel19901, You can try with this code: 

<script>
let social_links = document.querySelectorAll('.hdt-socials__list .hdt-socials__item.hdt-inline-block a');
if(social_links.length > 0) {
   social_links.forEach(link => {
     link.setAttribute('target', '_blank');
   });
}
</script>

Hope this can help you 😍

[Chinookie88]

Hello, 

I am interested in doing the same thing for my site: Chinook Footwear – Chinook® Footwear
But I cannot get the code string to work. I've embedded the code string in the position suggested but it doesn't seem to work for me.