Caution This is an advanced tutorial and is not supported by Shopify . Knowledge of HTML, CSS, JavaScript, and Liquid is required. Consider hiring a Shopify Expert if you aren’t comfortable doing the steps in the tutorial. There are two ways you can get social media buttons: Option 1 Get an app…

I solved this by: grabbing the social icon png that you want like https://www.iconfinder.com/search/?q=facebook upload it to your files and copy the link, use that as the image source {%- endif -%} - [ ![iconfinder_icon-02_2515845.png?v=1605847788|24x24](upload://rvHm4n1uFZ50JArxZn…

Hi TyW, Thanks a million for this quick guide to add social media buttons. I’ve tried to add this code, and it does work. However, like for other people commenting here, I get a huge Instagram/FB icon, and when trying to adjust the size in CSS, the icon gest displaced to the lowest corner on the le…

I’ve done these steps and created the new “icon-linkedin.liquid” file with the SVG data from my image. However, it’s not showing up as of yet. How do i link the image file to the snippet as I can’t see how it would know where to find the image etc.. Best Chris

Hi Savage21, Kindly follow colonel the colored highlights of my previous comment. I had use the example convert the existing Facebook icon to LinkedIn one.

After follow TyW’s, go my comment and follow mine. I based mine working on FB to LinkedIn one.

Hi Chris, Your code looks correct; you should have edit and saved the SVG file via text application (not sure whats the impact if you do it directly on Shopify Edit Code) Check you have file/upload this SVG file onto Assets as mentioned by TyW’s original comment thread “5. Choose the icons fil…

Hi there ty, thank you for this tutorial. im just wondering where you paste this code in? I was a bit confused by the description, as I cant find any similar code that is already used for the social icons already showing. thanks a lot Henrietta

hey there, thank you for explaining how to get rid of the bit logo, I tried your instructions about the svg text editor code into the snippet. when I pasted it into the ‘d=’ bit, it just froze my code page. I tried it on 2 different windows and it didn’t like it at all, it won’t even let men cross o…

Hi henriettaprice, Basically, what I had done is duplicate an existing icon, replace the icon in .svg format. Changing the SVG format image icon may be a bit complicated. You have to go through step-by-step and read carefully (restart all over again if necessary). A) Follow TyW’s original commen…

Social media - Add social media icons via Assets

Store Design

Chrisc1623 January 17, 2021, 9:47am 15

I have followed the steps and no image is showing up. Here is my “icon-linkedin.liquid” code. Am I missing something?

Chris

Topic		Replies	Views
SOCIAL MEDIA BUTTON THAT ISNT AVAILABLE ON THEME. Store Design	2	24	January 26, 2022
How can I make social media icons bigger? Store Design	82	809	November 28, 2024
How can I customize my social media icons to look like this? Store Design footer	8	54	March 30, 2023
Why aren't my social media icons displaying in the Venture theme footer? Store Design	8	62	November 14, 2021
how can i add my own clickable social media icons to trade theme Store Design design , customizations , footer , shopify-themes	2	314	December 20, 2024

Social media - Add social media icons via Assets

Related topics