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” 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 determine the recommended store logo dimensions for your store’s skin. You can 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 default X-Cart logo 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


    In addition, 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

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

Related pages:

Did this answer your question?