Solved

Dawn 2024 Open Social Media links in new tab

OsmosisJones
Tourist
5 0 0

I found some useful forums showing how to open social media links in a new tap for the previous Dawn version. 

I cannot figure out how to open my Instagram and TikTok Icons in a new tab using the previously recommended: target='_blank'

 

Perhaps it is still the same code, but I am not sure where to place it in the new "Footer Liquid" code.

 

Thanks in advance

Accepted Solutions (2)

ThePrimeWeb
Shopify Partner
1143 296 224

This is an accepted solution.

Hey @OsmosisJones,

 

For the social links, 

 

Look for the file "social-icons.liquid and add the target="_blank" to all the social media icons you require

 

Screenshot for reference

ThePrimeWeb_0-1707485451392.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com

View solution in original post

ThePrimeWeb
Shopify Partner
1143 296 224

This is an accepted solution.

Hey @OsmosisJones,

 

In the Button settings on the Theme customizer please add the highlighted part. 

ThePrimeWeb_0-1708000721190.png

 

and when it prompts to click on the URL, just click on it.

ThePrimeWeb_1-1708000822653.png

 

 

Or here's the full URL to add. 

 

 

https://www.tiktok.com/@gravelbikeshop" target="_blank"

 

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com

View solution in original post

Replies 9 (9)

OsmosisJones
Tourist
5 0 0

I also have a button on my "About Us" page that links to my TikTok profile that I also wish to open in a new tab.

Thanks!

ThePrimeWeb
Shopify Partner
1143 296 224

This is an accepted solution.

Hey @OsmosisJones,

 

For the social links, 

 

Look for the file "social-icons.liquid and add the target="_blank" to all the social media icons you require

 

Screenshot for reference

ThePrimeWeb_0-1707485451392.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com
OsmosisJones
Tourist
5 0 0

Unfortunately, this only deleted the social media icons from my footer, and still opens in the same tab on my About Us page.

ThePrimeWeb
Shopify Partner
1143 296 224

Hey @OsmosisJones,

 

Please remove the code. It shouldn't delete the icons unless the code wasn't added properly. Can you share the store url?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com
OsmosisJones
Tourist
5 0 0

Hey Prime, I rechecked the image you provided, and I forgot to end the line with a > after adding target="_blank".

The footer icons now work properly, but on the About Us page, the TIkTok BTS button still opens in the same tab.

 

The url is gravelbikeshop.com

password: shop4cross

 

Thank you for your time! We will be removing the store password shortly 🙂

ThePrimeWeb
Shopify Partner
1143 296 224

Hey @OsmosisJones,

 

No worries. Glad you managed to get it to work. 

 

Edit: I saw the "Tiktok BTS" button, and that button is not included in the code I provided because it's a custom button you added yourself, let me see if I can work out a method for you to open that in a new tab

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com
ThePrimeWeb
Shopify Partner
1143 296 224

This is an accepted solution.

Hey @OsmosisJones,

 

In the Button settings on the Theme customizer please add the highlighted part. 

ThePrimeWeb_0-1708000721190.png

 

and when it prompts to click on the URL, just click on it.

ThePrimeWeb_1-1708000822653.png

 

 

Or here's the full URL to add. 

 

 

https://www.tiktok.com/@gravelbikeshop" target="_blank"

 

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com
OsmosisJones
Tourist
5 0 0

Legend! Thank you so much for your time and help. It is time to launch the store!

ThePrimeWeb
Shopify Partner
1143 296 224

Good luck!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com