Changing the Store Logo and Favicon
page last edited on 27 February 2017
Every X-Cart based store has a logo, a favicon and an Apple icon that serve as branding for your store site.
A store admin can change the default store’s logo and favicon to a store brand image:
It is also possible to change the store’s “Apple icon”. The icon is intended for mobile devices: it will appear on the home screen of a smartphone or tablet if a user pins your store to the home screen as their favorite site creating a shortcut (See How to Add Websites to the Home Screen on Any Smartphone or Tablet for more info.)
To change the store’s logo, favicon or Apple icon images, you will need the addon Simple CMS by X-Cart team. Make sure this addon is installed and enabled at your store (If the addon is not installed, install and activate it).
To change the default logo, favicon or Apple icon images for your store website:
Prepare the custom image you want to use. You can use jpeg, jpg, gif, bmp or png images for logo, and ico images for icon. If replacing the main store logo image, check the Images section (Look & Feel > Images) to find out the recommended store logo dimensions for your store’s skin/design theme. You will be able to upload a larger size image, but X-Cart will resize it to the specified dimensions.
In your store’s Admin area, go to the Logo & Favicon section (Look & Feel > Logo & Favicon).
Click on the image you want to replace. From the menu, select the action you require and upload the image onto the store server. For example, we are going to replace the X-Cart logo used by default with an image “My X-Cart Store” from our local computer:
Here we can see our image that has replaced the default logo:
It is possible to add alt text for the image using the text field that can be accessed by clicking “alt” on the respective image box.
Click Submit to save the changes.
The changes will be saved and the selected custom image will be uploaded and displayed on the Logo & Favicon page instead of the old one.
Now your store visitors should be able to see the new image on the storefront.
If necessary, after replacing the default images with your own ones, you can revert to the defaults again. To do so, select the Delete option and click Submit to save the changes.
It is also possible to change the store logo, favicon ans Apple icon directly in the storefront using Layout Editor of the Theme Tweaker addon.
Help make this document better
This guide, as well as the rest of our docs, are open-source and available on GitHub.