SOCIAL MEDIA BUTTON THAT ISNT AVAILABLE ON THEME.

Store Design
1

Hey everyone, im looking to add a couple of social media icons that will line up with the exisiting icons, such as DISCORD, OPENSEA, CHARITY – i cant figure it out any help would be greatly appreciated. i am currently using them DAWN. Also i have the button file converted to .svg, after that i cant figure out how to get it placed. PLEASE HELP!!!

2

Hi @Waldo1991 ,

Thanks for reaching out to the Shopify Community with your question!

The following steps will guide you to add social media buttons into your theme:

  • From your Shopify admin, go to Online Store > Themes.
  • Find the theme that you want to edit, and then click Edit code.
  • Open the Asset folder
  • Click “Add a new asset”.
  • Select the icon file you want to upload, and then click “Upload asset”
  • The icon button is now available. The button will start working once you add the code to it. To add code open the “theme.liquid” file.
  • The button will be displayed in your theme depending on the code you have pasted in the line. You can see an example of the code for Twitter below. The same can work for other social media also.
{{ ‘my-twitter-button.png’ | asset_url | img_tag | link_to: ‘https://twitter.com/’, ‘follow me on twitter’ }}
  • For HTML, you can use a code given below with an example for Twitter:
  • Click on save changes.

I hope this answer can help.

3

Hey I got the buttons added but i cant get the sizing of the ICOns to fit the footer icons from shopify theme.

Do you have suggestions to that?