Solved

How to add fevicon 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
15751 2357 3060

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 | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 3 (3)

oscprofessional
Shopify Partner
15751 2357 3060

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 | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Sahilaneja
Tourist
15 0 2

This worked perfectly! Thank you so much 

SAN_MSWEB
Shopify Expert
872 110 115

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