Tutorial: Changing the Magento ‘Favicon’
In a previous article, we covered customizing the logo in our customer facing transactional emails to reflect our own companyâs logo to give our Magento shop a more professional look. This time, we are going to customize the âfaviconâ â short term for âfavorites iconâ, that is associated with your website and appears in the browser address bar and favorites menu. A favicon is a 16Ã16 pixel icon in no more than 16 colors.
As you can see in the screenshot below, the current favicon is shown as displayed on a Firefox browser.
Weâll want to update the standard Magento favicon and replace it with this one , a slight variation.
If youâre using a default theme, the new favicon.ico needs to be uploaded into the /skin/frontend/default/default/favicon.ico directory.
For custom themes, the favicon should go into the /skin/frontend/default/CUSTOM_THEME/favicon.ico directory instead.
That was simple and we have successfully updated our favicon! To view it we need to clear the browser cookies and cache and hit refresh.