How can I add a favicon to my Craft theme?

Sahilaneja · ‎06-10-2023

My Craft theme doesn't allow fevicon option. How can i incorporate it?

oscprofessional · ‎06-10-2023

To add a favicon to your Shopify Craft theme, you can follow these steps:

Prepare your favicon:
- Create a favicon image in .ico, .png, or .svg format. The recommended size for favicons is 32x32 pixels.
- Ensure the favicon is named and saved as "favicon.ico" (for .ico format) or "favicon.png" (for .png format).
Log in to your Shopify admin panel.
Click on "Online Store" and then select "Themes."
Locate the current active Craft theme and click on the "Actions" button.
Select "Edit Code" from the drop-down menu. This will take you to the theme's code editor.
In the code editor, find the "Layout" folder and open the "theme.liquid" file.
Look for the <head> section in the code.
Within the <head> section, add the following line of code to reference your favicon file:
liquid.

<link rel="icon" href="{{ 'favicon.ico' | asset_url }}" type="image/x-icon">

Replace 'favicon.ico' with the appropriate filename if you're using a different format or file name.

View solution in original post

oscprofessional · ‎06-10-2023

Hello @Sahilaneja

To add a favicon to your Shopify Craft theme, you can follow these steps:

Prepare your favicon:
- Create a favicon image in .ico, .png, or .svg format. The recommended size for favicons is 32x32 pixels.
- Ensure the favicon is named and saved as "favicon.ico" (for .ico format) or "favicon.png" (for .png format).
Log in to your Shopify admin panel.
Click on "Online Store" and then select "Themes."
Locate the current active Craft theme and click on the "Actions" button.
Select "Edit Code" from the drop-down menu. This will take you to the theme's code editor.
In the code editor, find the "Layout" folder and open the "theme.liquid" file.
Look for the <head> section in the code.
Within the <head> section, add the following line of code to reference your favicon file:
liquid.

<link rel="icon" href="{{ 'favicon.ico' | asset_url }}" type="image/x-icon">

Replace 'favicon.ico' with the appropriate filename if you're using a different format or file name.

Sahilaneja · ‎06-10-2023

This worked perfectly! Thank you so much

INA_MSWEB · ‎06-10-2023

Hi @Sahilaneja

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

You can follow this article To Add Fevicon To My Craft Theme:

https://tiny-img.com/blog/add-favicon-shopify-store/

Regards,

San

If it’s helpful to you, please mark it as a solution.

Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

How can I add a favicon to my Craft theme?

How can I add a favicon to my Craft theme?

Community Blog Articles