No announcement yet.

How to change the favicon

  • Filter
  • Time
  • Show
Clear All
new posts

  • How to change the favicon


    Does anyone know how to change the favicon? I tried the replacing the files in client/img/ but that didnt work. I tried changing the Main.html that didnt work either.

    Any help will be appreciated. Thank you in advance.

  • #2
    Since 5.8.3.


        "favicon": "path/to/file",
        "favicon196": "path/to/file"


    • #3
      Replacing the favicon of EspoCRM work, I did it before but update/change installation revert it back. If you are seeing old (or original EspoCRM favicon) it because your webbrowser is using the cache icon. Just need to clear it or use a new browser and new favicon should show.

      I didn't know you can edit filepath in 5.8.3 now.


      • #4
        I'm planning to add favicon in the same folder. Does anyone know if a relative path way?

        Can I just do this type of code?

        "favicon": "/favicon.ico",
        "favicon196": "favicon.ico"


        • #5
          If you just add an image to the core folder client/img (this is where the espo favicon.ico is located) you might lose it in an update.

          You would be better off making a custom folder client/custom/img and then storing your custom favicon images there.

          If you do this, the full path would be then: "client/custom/img/favicon.ico"


          • #6
            Thanks telecastg

            Yes, that the plan, I'm using custom favicon but was hoping if relative path possible since I can just upload the example for future EspoCRM user and since it is relative they can just exact the file and it should work.

            So instead of full path: client/custom/img/favicon.ico

            (From reading Linux "relative path"), it seem like this code might be possible (maybe):



            • #7
              I don't think that a relative path is possible because Espo is expecting a full path to specify the favicon source - see lines 12,13 and 14 at html/mail.html script here
              Last edited by telecastg; 07-07-2020, 04:19 AM.


              • #8
                I followed the steps above.

                Created file:
                With contents:
                "favicon": "client/custom/img/favicon-ficrm.ico",
                "favicon196": "client/custom/img/favicon192x192-ficrm.ico"
                And saved my png's to folder :
                But still showing default favicon.

                I've flushed cache and also removed 'favicons-journal' from browser AppData.

                Am I missing something?


                • #9
                  Did you also rebuild your Espo instance ?

                  If you did and the default favicon is still showing, check the page source in your browser (right click > page source) and make sure that the correct image file including path is being included in the page like this.

                  Click image for larger version

Name:	favicon source.JPG
Views:	38
Size:	33.6 KB
ID:	60956

                  (In your case the path should be "client/custom/img/{name and extension of your image file}" instead of "client/modules/property-management/img/{name and extension of your image file}" )


                  • #10
                    Thanks for your reply.

                    Yes I rebuilt (both from Admin panel and CLI) as well as Clear Cache.

                    Page source still showing default favicon:

                    <link rel="shortcut icon" sizes="196x196" href="client/img/favicon196x196.png">
                    <link rel="icon" href="client/img/favicon.ico" type="image/x-icon">
                    <link rel="shortcut icon" href="client/img/favicon.ico" type="image/x-icon">

                    Is my JSON path correct?

                    I didn't originally have an 'app' folder so I created it. Could that be the problem?


                    • #11
                      I don't see any problems with the JSON path, the custom/Espo/Custom/Resources/metadata/app folder needs to be created so you didn't do anything wrong.

                      Is your current version 5.8.3 or higher ?

                      The only other thing that could be an issue are the names of the favicon files which are "favicon.ico" and "favicon196x196.png" but you renamed them to
                      "favicon-ficrm.ico" and "favicon192x192-ficrm.ico".

                      I am not really sure if that would make a difference but I see that in the template install/core/tpl/index.tpl the name "favicon.ico" is hard coded so it could be that the file name name has to remain "favicon.ico"

                      I honestly don't know if it will make a difference but try renaming your image files to favicon and favicon196x196 and match the required type (.ico and .png) just in case...

                      You can also check this link to the core Espo code that shows how the application reads the file path to see if you can figure out what's going on.

                      Compare your own "application/Espo/Core/Utils/ClientManager.php" with the code repository to confirm that it has the same code.
                      Last edited by telecastg; 07-28-2020, 07:25 AM.