How to add Tiktok icon alongside the rest of the social buttons (Using Shopify Turbo theme)?

Dollies40
New Member
3 0 0

Hey all,

 

I'd like to add a Tiktok logo to the rest of the social media icons. Basically, the theme already comes with some built in social icons for a number of different platforms, unfortunately, tiktok isn't one of them 😞

These tend to appear in both the header and footer of the website. I'm assuming I'm going to have to tinker around with the code, which is fine, just need some advice on how to go about doing this. 

 

Thanks in advance!

 

 

Replies 5 (5)
diego_ezfy
Shopify Partner
2703 506 685

@Dollies40 

It's certainly possible to achieve what you are after, but it would require some custom coding, I'm afraid that there is no simple copy/paste solution.

Perhaps someone around here will be kind enough to devote their time to get it coded in for you, however if it's something you would like to get done quickly you'd be better off hiring a dev to code it in or double check whether Out of The Sandbox can custom code it in for you.

Kind regards,
Diego

Dollies40
New Member
3 0 0

Thank you for your reply. 

 

That isn't ideal. It's quite disappointing actually. I'm beginning to find restrictions for something I feel should be relatively straightforward. That said, I'll try to contact out of the box and see if they can help. 

I appreciate your input however!

 

 

Cosmichealing
Tourist
18 0 0

HI Dollies40,

 

Any luck with contacting support?

PaulNewton
Shopify Partner
4206 303 899

@Cosmichealing use search "add tiktok icon" "add social icon" etc

https://community.shopify.com/c/forums/searchpage/tab/message?filter=location&q=add%20tiktok%20icon&... 

Implementation will vary wildly based on theme and image formats.

 

Or contact someone to buy the customization.

Finally Combinable Discounts - EARLY ACCESS ONLY - Use Free Shipping With Other Discounts

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org
Problem Solved? ✔Accept and Like solutions to help future merchants
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
VincentHTM
Shopify Partner
1 0 0

Hi @Dollies40 I've added the Tiktok icon for one of our clients (https://surfisurus.com/), so here is the easiest way to do it:

Go to your Shopify Backend, Online Store -> Themes -> Actions -> Edit code.

Then search for 'social' and click on the social-icons.liquid file. (See screenshot bellow)
Add the following code snippet wherever you want the Tiktok logo to be seen:

<li><a href="YOUR TIKTOK URL" title="YOUR TITLE" rel="me" target="_blank" class=""><img src="THE TIKTOK ICON URL FROM YOUR SHOPIFY SETTINGS" style="
width: 20px;
"></a></li> 

To get your Tiktok icon link, simply go to your admin dashboard: Settings -> Files -> And then add your Tiktok png file (should be 100px square). Then copy and paste the link in the code snippet.

And you're good to go!

Our agencies: https://ecommerceforprofit.com/ and https://www.hangtenmedia.com/

Cheers.

Cheers!