Anyone wanna help me how do I put favicon on my website?

@raoulalien, welcome!

It’s going to be hard for us to breakdown a site we have never seen before, but if you are having trouble finding the HTML, maybe this will help:

Templates are a good starting point:

  • At the top left of your MODX website, select the “Elements” tab
  • Look for the “Templates” header in the list

In the template you will notice little variables like: [[$head]], [[+meganav]]…These can be named anything, but the [square brackets] make them stand out.

Example:

<!DOCTYPE html>
<html lang="en">
[[$head]]

In the example above, all the <head> HTML is in a “Chunk”, let’s find the Chunks:

  • In the “Elements” tab, look for a “Chunks” header
  • Match the chunk name found in your Template, to the name of one of the chunks found in that list
  • Open the Chunk by selecting it, add the following HTML for an icon: <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /> in the appropriate place
  • The “Save” button is located in the top right

Next we need to upload the icon. Again, your file structure is impossible for us to understand without seeing it, but maybe this will help guide you:

  • Back to the tabs at the top, navigate to the “Files” tab
  • Look for the “Filesystem” header
  • Navigate to your root, and right click
  • Select “Upload Files”

I really enjoyed this video series, it’s a bit outdated, but it gets you heading in the right direction.

1 Like