Kairobi
February 16, 2023, 1:16pm
1
Hello dear community,
I need some help!
Once anyone clicks on my Instagram icon in the footer, the user will leave my website and the instagram page is open instead.
I would like that once someone clicks on the IG icon, a new tab opens , leaving them with both my website page and my Instagram page.
How can I do this?
Here is my Shopify preview: https://6guw6sc8idgl7zxo-66550268171.shopifypreview.com
Thank you so much
Hi @Kairobi ,
This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Section->/header.liquid
Step 3: Find “settings.social_instagram_link” → and add target=“blank” attribute in . tag:
{%- render 'icon-instagram' -%}
{{ 'general.social.links.instagram' | t }}
I hope it would help you
Best regards,
Richard | PageFly
Kairobi
February 27, 2023, 4:25pm
3
Hey Richard,
Unfortunately it does not work for me. Do you have any other suggestions?
Thank you for your time
Hi @Kairobi ,
Please post the code for header.liquid file here so we can check it for you.
Best regards,
Richard | PageFly
Kairobi
February 28, 2023, 6:48pm
5
I appreciate it. Here it is:
Hi @Kairobi ,
Sorry for the confusion here.
Instead of using target=“blank” you can change it back to target=“_blank”
{%- render 'icon-instagram' -%}
{{ 'general.social.links.instagram' | t }}
I hope it would help you
Best regards,
Richard | PageFly
Hi Richard,
Thank you for the new information, unfortunately it still doesn’t work ?
I touch the icon and the Instagram page is loaded instead of opening in a new tab…
Do have any other suggestions? Really appreciate your time and help
Hi @Kairobi ,
The link you posted above is dead.
Please share your store URL and if your store is password protected then please provide password too.
So that we can help you.
Thank you.
Hi @Kairobi ,
I checked it seems to be working
do you mean to adjust the footer?
You can find file social-icons.liquid file → Add target=“_blank” in tag :
I hope it would help you
Best regards,
Richard | PageFly
Hi @PageFly-Richard ,
Thanks for checking!
Yes, the icon is there but if you click on it it will open the Instagram page and leave my website - which is what I don’t want. What I want is that a new tab opens but my website stays where it is.
Hope this explanation is more understandable
Hi @Kairobi ,
I got it.
But i’m sorry, this is out of my scope. You may try contacting Shopify support or finding another expert regarding this issue.
Best regards,
Richard | PageFly
Thank you for all your help and efforts
1 Like
I hope this issue is resolved for you already, but just in case, this is how Shopify support helped me. HERE
Where it says: “1. In your Shopify Admin go to online store > themes > actions > edit code ” actions means “… ” next to the Customize button.
I don’t think it matters but I am using Dawn.
SMurphy - SMurphysCreations.com
Kairobi
November 7, 2023, 11:26am
15
Hey,
Thank you so much for your willingness to help!
This is still not solved and tried to follow your steps but CRAFT theme doesn’t have the body in the way it was presented so I rather not touch any code
I wish you a lovely day!
KAIROBI
Unless you have made changes yourself, there should be no difference to how liquid should end for either Dawn or Craft. I made a video, I hope this helps.
https://www.youtube.com/watch?v=a8RzJjIChNU https://www.youtube.com/watch?v=a8RzJjIChNU