Difference between revisions of "Create a Favicon"

From Phoenix Cart User Guide
Line 14: Line 14:
 
From a customer's point of view it makes the browser tab with your shop stand out against any others open and also makes your shop more visible in the customer’s list of bookmarked sites.
 
From a customer's point of view it makes the browser tab with your shop stand out against any others open and also makes your shop more visible in the customer’s list of bookmarked sites.
  
*Create an image e.g. from your logo but simpler the better - the Favicon will end up only 16 pixels x 16 pixels so much detail will be lost.
+
*Create an image e.g. from your logo - a square image of about 300 x 300 pixels
*Use GIMP to resize the image to 16 x 16 pixels and save the image as '''favicon.ico''' - it must be that name and file type.
+
*Internet search for a free favicon generator that will convert the image - we have used https://realfavicongenerator.net/ which works well.
*Alternatively, internet search for a free favicon generator that will convert the image.
+
*Upload the icons to the root (i.e. the folder/directory that contains all the shop files) of your shop on the host server - done.
*Upload the '''favicon.ico''' file to the root (i.e. the folder/directory that contains all the shop files) of your shop on the host server - done.
 
  
 
+
Any code needs to be in <head> section of /templates/default/includes/components/template_top.php
Modern browsers will automatically find the icon - there is no requirement to add any code.
 
  
  
 
<hr>
 
<hr>
 
{{Contribute}}
 
{{Contribute}}

Revision as of 19:19, 17 December 2020

<historylink type="back">🠈 Back</historylink> 🠉 FAQS TIPS & TRICKS



The Favicon is the small icon that shows in the browser tab that is showing the web page title - like this page:

Favicon.jpg

Adding a Favicon helps your online shop look professional and creates brand awareness.

From a customer's point of view it makes the browser tab with your shop stand out against any others open and also makes your shop more visible in the customer’s list of bookmarked sites.

  • Create an image e.g. from your logo - a square image of about 300 x 300 pixels
  • Internet search for a free favicon generator that will convert the image - we have used https://realfavicongenerator.net/ which works well.
  • Upload the icons to the root (i.e. the folder/directory that contains all the shop files) of your shop on the host server - done.

Any code needs to be in <head> section of /templates/default/includes/components/template_top.php



Phoenix Cart User Guide, like CE Phoenix Cart, is free to use but is maintained by unpaid volunteers.

Code references are licensed under a Commons Attribution-NonCommercial-ShareAlike 2.0 UK: England & Wales License.
All other content is the reserved Intellectual Property and Copyright of phoenixcart.org