How can I add a favicon to my Craft theme?

Solved

How can I add a favicon to my Craft theme?

Sahilaneja
Tourist
15 0 2

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

 

Accepted Solution (1)

oscprofessional
Shopify Partner
15938 2383 3092

This is an accepted solution.

Hello @Sahilaneja 

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

  1. 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).
  2. Log in to your Shopify admin panel.

  3. Click on "Online Store" and then select "Themes."

  4. Locate the current active Craft theme and click on the "Actions" button.

  5. Select "Edit Code" from the drop-down menu. This will take you to the theme's code editor.

  6. In the code editor, find the "Layout" folder and open the "theme.liquid" file.

  7. Look for the <head> section in the code.

  8. 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.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

Replies 3 (3)

oscprofessional
Shopify Partner
15938 2383 3092

This is an accepted solution.

Hello @Sahilaneja 

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

  1. 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).
  2. Log in to your Shopify admin panel.

  3. Click on "Online Store" and then select "Themes."

  4. Locate the current active Craft theme and click on the "Actions" button.

  5. Select "Edit Code" from the drop-down menu. This will take you to the theme's code editor.

  6. In the code editor, find the "Layout" folder and open the "theme.liquid" file.

  7. Look for the <head> section in the code.

  8. 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.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Sahilaneja
Tourist
15 0 2

This worked perfectly! Thank you so much 

INA_MSWEB
Shopify Expert
1228 142 155

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