Discusses how to add a Favicon to an AEM site.
|Digital Marketing Solution(s)||Adobe Experience Manager 6.3|
You can create a FavIcon for an Adobe Experience Manager site. A Favicon is typically an icon associated with a specific site and appears in the web browser tab. For more infomration about a Favicon, see Favicon.
If a site does not have a Favicon, the tab in the browser does not display an image, as shown in this illustration.
To add a Favicon to an Experience Manager site, there are several steps that you must perform. This article covers these steps.
For information about creating this site, see Creating your First Adobe Experience Manager 6.3 website.
Add a Design page to the ToyStore site. Once completed, you can add an .ICO file under the location in the AEM JCR.
To add a Design page, perform thesee tasks:
1. Go to the following URL: http://localhost:4502/miscadmin#/etc/designs.
2. Click on the Designs Folder.
3. Click File, New Page.
4. Name the page toystore.
Using a tool like WebDev, upload your favicon.ico to the Toystore location. For information, see WebdAV ACCESS.
Make sure that your favicon is located under /etc/designs/toystore. Also make sure that the Favicon is of standard size - something like 16 x 16 pixels.
The final task is to simply add a cq:designPath property to the following path:
Assign the value of the design page path to this property. For example, /etc/designs/toystore.
Now when you look at the ToyStore site, you will notice that the Favicon shows up in the browser tab.
Join the AEM community at: Adobe Experience Manager Community.