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.

logo_favicon1.png

A store admin can also brand the store’s “Apple icon” that is intended for mobile devices. The Apple icon 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 add-on Simple CMS by the X-Cart team. Make sure this add-on is installed and enabled at your store.


To change the default logo, favicon, or Apple icon images for your store website:

1. Prepare a custom image you want to use.

You can use JPEG, JPG, GIF, BMP, or PNG images for the logo, and ICO images for the 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. You will be able to upload a larger size image, but X-Cart will resize it to the specified dimensions.

2. In your store’s Admin area, go to the Logo & Favicon page (Look & Feel > Logo & Favicon).

logo_favicon_setup.png

3. 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:

logo_favicon_setup1.png

Here we can see our image that has replaced the default logo:

logo_favicon_setup2.png

It is possible to add alt text for the image using the text field accessed by clicking “alt” on the respective image box.

logo_favicon_setup3.png

4. Click Submit to save the changes.

As a result, the selected custom image will display on the Logo & Favicon page instead of the old one.

logo_favicon_setup4.png

Now your store visitors should be able to see the new image on the storefront.

logo_changed.png

If necessary, you can cancel the changes and revert to default after replacing logos with your own ones.

To do so, select the Delete option and click Submit to save the changes.

logo_favicon_setup5.png

It is also possible to change the store logo, favicon, and Apple icon directly in the storefront. Use the Layout Editor tool of the Theme Tweaker add-on for the purpose.

Did this answer your question?