Adding icon and hyperlink to footer

[VicBrew1]

Hi! I am trying to add an Instagram threads link and icon to the footer. I tried to repurpose the snapchat section of code but no luck. any suggestions?

Store: https://qtupb6-n1.myshopify.com/

[TikitaTech]

Hi @VicBrew1 !

Because Threads is still quite new, Shopify hasn’t added a dedicated icon yet. But, you can still add a custom Threads icon.

Sites like Flaticon will allow you to download the Threads icon for free as a PNG (I believe it costs to have it as an SVG). This one seems to match your other icons.

To add the image to your store, go to Online Store > Themes > Actions > Edit Code, and upload the icon into the Assets folder.

To display it in your footer, head to social-icons.liquid, and locate the area for your social media links.

Underneath, add the following:

- [
    
      {{ 'general.social.links.threads' | t }}
    ](https://www.threads.net/@vic_brew)

Replace the image ‘threads.png’ in src with the link to your uploaded Threads icon. You may need to reduce/increase the size of it’s width and height to match your other icons.

Add ‘Threads’ to your locales > en.default.json:

It should end up looking something like this:

Hope this helps!

[VicBrew1]

THANK YOU SO MUCH FOR RESPONDING! I didn’t think I would get this figured out.

One issue: I added the code but threads is not popping up still. I also changed the code a little bit to add linkedin and it is still not showing. I’m wondering if it’s how I formatted my icon file? I tried “inline_asset_content” instead to see if they would pop up but still no luck. Any suggestions?

[TikitaTech]

Could you send me a screenshot of your icon liquid file?

[VicBrew1]

{%- if settings.social_threads_link != blank -%}

{{ 'general.social.links.threads' | t }}

{%- endif -%} {%- if settings.social_linkedin_link != blank -%}

{{ 'general.social.links.linkedin' | t }}

{%- endif -%}

[TikitaTech]

Hi!

To fix this issue, start by updating the image src 'https://cdn.shopify.com/s/files/1/0888/1851/6335/files/icon-threads_svg.svg?v=1731768109’ with ‘icon-threads.svg’

Since the URL for the Threads icon is being set directly in the Liquid file, there’s no need for the if statement wrapping the

tag.

({%- if settings.social_threads_link != blank -%})

The if statement is checking if a URL is defined in config/settings_data.json, but because this is a custom icon, it’s not set there.

As a result, the code inside the if block doesn’t execute.

Normally, URLs like this would be defined in config/settings_data.json - as shown in the image below - but these settings are auto-generated and could overwrite any manual changes you make to the Threads URL later.

By removing the if statement, the code will render the

block and should display the custom icon as expected.

Replace this:

{%- if settings.social_threads_link != blank -%}
- [

  {{ 'general.social.links.threads' | t }}
  ](https://www.threads.net/@vic_brew)

{%- endif -%}

With this:

- [
    
      {{ 'general.social.links.threads' | t }}
    ](https://www.threads.net/@vic_brew)

Hope this helps!

[VicBrew1]

IT WORKS!

Thank you so much! That makes so much sense in regards to the if statement not executing. I’ll try to keep things like that in mind as I move forward.