Add Favicons
Open the folder containing the favicon files and code snippet. If you do not have this collection of files, you can acquire it by following the instructions on the Create Favicon page.
Open a connection in FileZilla to the IRV web directory. Find the directory connected to the site to be updated and open it. Inside, navigate to the images directory. If you see a directory named “favicon” inside of the images, open it. If not, create the “favicon” folder.
Drag and drop the favicon image files (the .PNG files and the .ICO file) to the favicon folder opened in FileZilla.
Open your browser and navigate to the page you are updating. If the new favicons appeared, you are finished! If not, go to step 5.
Open a new tab and navigate to ICC and the site you are working on. Click on the domain node and the “Developer” tab.
Look at the “Page Head Html” section. You should see a series of favicon links that look similar to the code snippet below. Check the href tags and make sure they are correct.
If there are no favicon links in the “Page Head Html” section, look in the folder on your computer with the favicon files and open the “code.txt” file. Add the relevant href attributes to the link tags in the code file. Copy the updated links to the “Page Head Html” section and refresh the site. If the href URLs are correct, the favicons should now be visible on the site.
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://assets-cdn.interactcp.com/[#DealerAssetsFolder]/images/{SITE_FOLDER}/favicon/apple-touch-icon-57x57.png" />
Here is an example of correctly formatted favicon links:
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://assets-cdn.interactcp.com/[#DealerAssetsFolder]/images/favicon/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://assets-cdn.interactcp.com/[#DealerAssetsFolder]/images/favicon/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://assets-cdn.interactcp.com/[#DealerAssetsFolder]/images/favicon/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://assets-cdn.interactcp.com/[#DealerAssetsFolder]/images/favicon/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://assets-cdn.interactcp.com/[#DealerAssetsFolder]/images/favicon/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://assets-cdn.interactcp.com/[#DealerAssetsFolder]/images/favicon/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="https://assets-cdn.interactcp.com/[#DealerAssetsFolder]/images/favicon/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="https://assets-cdn.interactcp.com/[#DealerAssetsFolder]/images/favicon/favicon-16x16.png" sizes="16x16" />