Add a favicon for Merchant Solutions

1. Sign in to your My Services page.
2. Click the Store link.
   
3. Go to Store Files.
   
4. Upload and publish your favicon in Store Files. Note: We recommend a 16x16, 32x32, or 48x48 pixel image. Make sure the file name is favicon.ico.
5. Once the favicon.ico file is published, copy its Relative path.
6. Return to Store Manager and go to Store Editor.
   
7. Go to Variables. Note: The Editor toolbar will need to be in Advanced mode.
   
8. Add the following code to the Head-tags section, replacing /lib/<store-id>/favicon.ico with the Relative path you copied in step 5:
   <link rel="shortcut icon" href="/lib/<store-id>/favicon.ico" type="image/x-icon"/>
   
9. Click the Update button.
   
10. Do a full publish of your store.
    

Once you publish the changes, the favicon will display on your live Store Editor pages.

Configure checkout pages

1. Go to Checkout & Registration Manager.
   
2. Go to Page Configuration.
   
3. On all of your checkout pages, add the following code to the HTML Head Section, replacing <store-id> with your store account name (store ID):
   <link rel="shortcut icon" href="/lib/<store-id>/favicon.ico" type="image/x-icon"/>
   Learn how to add code to your checkout pages.
4. Click the Save button.
   
5. Publish your Order Settings.
   

Once you publish your changes, the favicon will display on all of your checkout pages.

Tip: If you find that a Yahoo favicon is still in place of yours after the update, rename the favicon.ico file to something else such as favicon_new.ico then update the code in the HTML Head section of your site pages:

<link href="/favicon_new.ico" rel="shortcut icon" />