How do i add Tiktok social media icon and link to my footer in Debutify theme?

kik4444
New Member
2 0 0

Hi guys, i am trying to add Tiktok url and icon on a Debutify theme in my footer, see below code i found where i think it needs to be added but just not sure how. Any ideas?

This is in snippets/social-medias.liquid

 

{% assign social_enable = false %}
{% if
settings.social_twitter_link != blank
or settings.social_facebook_link != blank
or settings.social_pinterest_link != blank
or settings.social_google_plus_link != blank
or settings.social_instagram_link != blank
or settings.social_tumblr_link != blank
or settings.social_youtube_link != blank
or settings.social_vimeo_link != blank
or settings.social_fancy_link != blank
or settings.social_snapchat_link != blank
%}
{% assign social_enable = true %}
{% endif %}

{% if social_enable %}
<div class="social-medias">
{% if settings.social_facebook_link != blank %}
<a class="social-medias-icon" target="_blank" href="{{ settings.social_facebook_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Facebook' }}">
<span class="fab fa-facebook-f fa-fw" aria-hidden="true"></span>
</a>
{% endif %}
{% if settings.social_twitter_link != blank %}
<a class="social-medias-icon" target="_blank" href="{{ settings.social_twitter_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Twitter' }}">
<span class="fab fa-twitter fa-fw" aria-hidden="true"></span>
</a>
{% endif %}
{% if settings.social_pinterest_link != blank %}
<a class="social-medias-icon" target="_blank" href="{{ settings.social_pinterest_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Pinterest' }}">
<span class="fab fa-pinterest-p fa-fw" aria-hidden="true"></span>
</a>
{% endif %}
{% if settings.social_instagram_link != blank %}
<a class="social-medias-icon" target="_blank" href="{{ settings.social_instagram_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Instagram' }}">
<span class="fab fa-instagram fa-fw" aria-hidden="true"></span>
</a>
{% endif %}
{% if settings.social_snapchat_link != blank %}
<a class="social-medias-icon" target="_blank" href="{{ settings.social_snapchat_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Snapchat' }}">
<span class="fab fa-snapchat-ghost fa-fw" aria-hidden="true"></span>
</a>
{% endif %}
{% if settings.social_google_plus_link != blank %}
<a class="social-medias-icon" target="_blank" href="{{ settings.social_google_plus_link | escape }}" rel="publisher" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Google Plus' }}">
<span class="fab fa-google-plus-g fa-fw" aria-hidden="true"></span>
</a>
{% endif %}
{% if settings.social_tumblr_link != blank %}
<a class="social-medias-icon" target="_blank" href="{{ settings.social_tumblr_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Tumblr' }}">
<span class="fab fa-tumblr fa-fw" aria-hidden="true"></span>
</a>
{% endif %}
{% if settings.social_youtube_link != blank %}
<a class="social-medias-icon" target="_blank" href="{{ settings.social_youtube_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'YouTube' }}">
<span class="fab fa-youtube fa-fw" aria-hidden="true"></span>
</a>
{% endif %}
{% if settings.social_vimeo_link != blank %}
<a class="social-medias-icon" target="_blank" href="{{ settings.social_vimeo_link | escape }}" title="{{ 'layout.footer.social_platform' | t: name: shop.name, platform: 'Vimeo' }}">
<span class="fab fa-vimeo-v fa-fw" aria-hidden="true"></span>
</a>
{% endif %}
</div>
{% endif %}

0 Likes

Hi @kik4444 , you could use the html snippet right before </div>

<a class="social-medias-icon" target="_blank" href="Your tiktok link">
<span class="fab fa-tiktok fa-fw" aria-hidden="true"></span>
</a>

Replace the href with your tiktok link 

Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.
0 Likes
khilan
Tourist
56 2 10

hi

first of u are use to class and id then. ....use to snippets icon..

0 Likes
kik4444
New Member
2 0 0

Hi DeepCode,

Thanks for your suggestion, unfortunately after trying couple of things and implementing your code it did not work, maybe i am doing something wrong

0 Likes