How can I add a favicon to my theme settings?

How can I add a favicon to my theme settings?

Nathanwouden
Tourist
3 0 3

Hi, I have no favigon in my theme settings. How can I fix this?

I have the code in my editor, but it wont show up.

I need help.

 

Nathanwouden_0-1676724152409.png

Nathanwouden_1-1676724185557.png

 

 

Replies 7 (7)

StoreSurgeon
Shopify Partner
67 8 8

Hi @Nathanwouden 

Which theme you are using?

Nathanwouden
Tourist
3 0 3

Hi. Sense

AliReviews
Shopify Partner
773 90 356

Hello @Nathanwouden ,

We are AliReviews - All-in-one reviews solution for all business.

 

If you do not have the favicon option in your theme settings, you can still add a favicon to your Shopify store by manually adding the code to your theme.

  • Go to Online Store -> Themes -> Click Action -> Select Edit code 
  • Click Layout -> theme.liquid file 
  • Paste the following code between the <head> tags:
  • <link rel="shortcut icon" type="image/x-icon" href="your-favicon-url-here">

Replace "your-favicon-url-here" with the URL of your favicon image. Make sure that the image is a square icon in either .ico, .gif, or .png format, and that it is hosted on a website or server that allows hotlinking.

  • Save and Preview

Hope this can help, if so, please hit the Like Button or mark it as Accepted Solution to let us know, it encourage us a lot.

 

Regards,

AliReviews team.

- Was my answer helpful? Please hit Like or Mark it as solution!
- Ali Reviews - The must-have Shopify app that empowers you to effortlessly collect, display, and manage product reviews.
- Start your FREE trial today!
Nathanwouden
Tourist
3 0 3

Thanks.

I´ve put the link in <head> (see 3) but i still cant find the favicon button in my theme options.

Without the button I can't add a favicon

Nathanwouden_0-1677264259692.png

Nathanwouden_1-1677264279256.png

 

PageFly-Richard
Shopify Partner
4731 1078 1743

Hi @Nathanwouden ,

 

This is Richard from PageFly - Landing Page Builder.

You can follow the steps below to add the code to add a favicon to your theme: 

  • Go to Online Store -> Themes -> Click Action -> Select Edit code 
  • Click Layout -> theme.liquid file 
  • Paste the following code to the theme.liquid file: 

 

<link rel="icon" type="image/png" href="your-favicon-url-here">
​

 

 

Replace "your-favicon-url-here" with the URL of your favicon image. Then you can hit Save and Preview to see the results. 

 

If it still does not work, please contact Shopify's support team or Theme's support team to ask for further assistance in this case. 

 

You can check this picture below for more information: 

image.png

Hope all my suggestions will be helpful to you. Good luck and have a nice day! 

Cheers!

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

oscprofessional
Shopify Partner
16116 2409 3125

@Nathanwouden ,

Can you give me the store access?

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

PageFly-Richard
Shopify Partner
4731 1078 1743

Hi @Nathanwouden ,

 

This is Richard from PageFly - Landing Page Builder. I have just had a look at your store. Having a favicon for your store will make your store unique and help customers easily recognize it.

You can check this article to know how to add it. Or you can follow these steps below to add a favicon to your store:

  • From your Shopify admin, go to Online Store > Themes.
  • Find the theme that you want to edit, and then click Customize.
  • Click Theme settings.
  • Click Favicon.
  • In the Favicon image area, click Select image, and then do one of the following:
    1. To select an image that you have already uploaded to your Shopify admin, click the Library tab.
    2. To select an image from your local computer, click the Library tab, and then click Upload.
  • Add alt text to your favicon image:
    1. Click Edit.
    2. In the Edit image window, enter a brief description of the image.
    3. Click Save.
  • Click Save.

Hope all my suggestions will be helpful to you. Good luck and have a nice day! 

Cheers!

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.