I would like to add LinkedIn icon at the footer of my store page in the Crave theme

Hi @CT08

Thank you for reaching out to the Shopify community.

For adding linkedin icon at footer of page in Crave theme, please follow the below steps:-

Step 1 : Go to Online Store->Theme->Edit code->Config->settings_schema.json → find where social media icons has been placed , as shown in the attached file, then insert the given code there :

{
"type": "text",
"id": "social_linkedin_link",
"label": "Linked In",
"info": "https:\/\/ca.linkedin.com\/company\/shopify"
}

Step 2: Go to Config->settings_data.json ,search for social (ctrl+f social) and insert the below code

"social_linkedin_link": "",

Step 3 : Now create Snippet file , for this go to snippets folder → click add new snippet - > name it icon-linkedin.liquid, paste the code given below in the file and save it.


Step 4 : Go to Snippets**->social-icons.liquid**, then insert the given code inside the ul :

{%- if settings.social_linkedin_link != blank -%}
    - {%- render 'icon-linkedin' -%}
          {{ 'general.social.links.linkedin' | t }}
     
    

{%- endif -%}

Step 5 : Go to Locales->en.default.json , find links object (ctrl + f links) and add below code:-

"linkedin": "LinkedIn",

Step 6 : Go to Sections-> footer.liquid, search social (ctrl+f social), and add the below code in the if condition:-

and settings.social_linkedin_link == blank

Now , go to your shopify admin pannel Online Store-> themes → Customize → Theme settings → Social Media, here you will be able to see new section for linkedin, hence you will be able to add your linkedin icon.

Do give it a try and let me know if this was helpful.

Thanks.

8 Likes