Login
Checkmark

Thank you for your feedback

Your feedback is important!

×

Please let us know how this article can be improved.

Choose all that apply.*


Report a bad link

Out of date (instructions or screenshots)

Missing detail

Other

Create a favicon in Merchant Solutions

Add a favicon to your store.

Article ID: SLN22846

Add a favicon for Merchant Solutions

  1. Sign in to your My Services page.
  2. Click the Store link.
    The Store link is under Control Panels.
  3. Go to Store Files.
    The Store Files link is under Edit.
  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.
    The Store Editor link is under Edit.
  7. Go to Variables. Note: The Editor toolbar will need to be in Advanced mode.
    The Variables button.
  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"/>
    The Head-tags variable.
  9. Click the Update button.
    The Update button.
  10. Do a full publish of your store.
    The Publish Options button.

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

Configure checkout pages

  1. Go to Checkout & Registration Manager.
    The Checkout & Registration Manager link is under Order Settings.
  2. Go to Page Configuration.
    The Page Configuration link.
  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.
    The Save button.
  5. Publish your Order Settings.
    The Publish Order Settings link.

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" />

Quick Links

Recommended Articles

Trending Articles