Adding a favicon to the storefront

Latest versions of web browsers support so-called web site icons or favicons which are displayed in the address bar next to the web site URL. Adding a favicon to your WebAsyst Shop-Script storefront will require the following steps:

1. Create an ICO image file with the 16*16 pixel size and change its extension from .ico to .gif.

   As a rule, ICO image files have the .ico file name extension. WebAsyst Shop-Script does not allow uploading such files through the built-in file uploader, therefore you need to change the extension to any of the allowed ones: .gif or .png.

2. Upload the created file to the server in administration section "Design -> Image Uploader -> Misc Images".
3. Copy the path to the folder where images are uploaded, it is specified just above the uploading form. For users of online service WebAsyst Store that path is /shop/images/.
4. Open section "Design -> Design editor", select the "Head" tab, and add the HTML code of the following form to the code editor:

   <link rel="shortcut icon" href="/FOLDER_PATH/FAVICON_FILE_NAME">

   If the folder path in your store is /shop/images/ and the favicon file name is favicon.gif, the code that needs to be added will look as shown below:

   <link rel="shortcut icon" href="/shop/images/favicon.gif">

5. Click on "Save template" and open your storefront – next to the URL a supported browser should display the uploaded favicon image.

Tip: If WebAsyst Shop-Script is installed on your own or a hosted server, you may upload file favicon.gif directly to the WebAsyst installation directory and add the following code to the "Head" section of the design editor :

<link rel="shortcut icon" href="favicon.gif">