Learn X-Cart

Extremely flexible E-Commerce platform with a vast amount of features and integrations!

• Last Updated: 03/18/2020
• ( 4 minutes reading )

How to change the Store Logo, Favicon and Apple icon in X-Cart

Introduction

The main goal of business labeling is strengthening brand identity and increasing online recognition. Your unique brand logo is what sets you apart, and we do believe configuring it on your Online Store would be something you would want to do.

X-Cart, pretty much like any other eCommerce software, comes pre-configured with the default application Favion and Store Logo images.

 

Default X-Cart Store Logo and Favicon

 

The Apple icon is intended for smart devices only. This is the icon, which appears on the user's phone or tablet home screen as a quick access shortcut when they pin your website.

 

Default X-Cart Apple Icon

 

In this tutorial, we are going to guide you on how to change your Store Logo and Favicon images and set your custom brand logo. You are going to be surprised how simple this task is to accomplish in X-Cart.

 

Accessing the Logo & Favicon page

For a start, please log in to your X-Cart Admin Area and navigate through the left-hand side menu bar to Look & Feel Logo & Favicon.

 

Accessing the Logo & Favicon page

 

The "Logo & Favicon" page is where you can change the Company Logo, Favicon, and Apple icon images.

 

Changing the Store Logo image

The store logo size is determined by the theme you are using for your  X-Cart store.

Before you step into replacing the default Store logo, you have to check the recommended logo image dimensions. You can find this information by navigating through the left menu bar to Look & Feel Image.

 

Checking Default Logo Dimensions

 

It is advisable to stick to the recommended dimensions. Please be aware that if you upload a larger-sized image, X-Cart is going to resize it automatically to match the defined dimensions.

To change the Store Logo, you need to click directly on the default "Company logo" image. When you do that, a menu is going to appear, providing two upload options: "From computer" and "Via URL". You are welcome to select the most convenient upload method, depending on your preferences.

 

Upload Store Logo image

 

Once the image is uploaded, you are going to be provided with an additional "alt" option to specify the alt text to display in case the image cannot be loaded for some reason.

 

Store Logo alt text

 

When you are ready, please make sure to click on the "Submit" button to apply the changes.

 

Changing the Favicon icon

Favicon icons are generally 16 x 16 pixels or 32 x 32 pixels in size. X-Cart advises using 32 x 32-pixel images. It is recommended to hold to the .ico file format as it is the most commonly used and widely supported. You can always use a file converter tool to generate or convert your file into .ico format. 

For your convenience, we include a few free online tools.

The process of replacing the default Favicon icon is the same. You have to click on the image, select the desired upload method, and proceed with the upload of your custom Favicon icon.

 

Upload Favicon icon

 

Similar to the previous example, please make sure to click on the "Submit" button when you are ready.

 

Changing the Apple icon

The Apple icon must be in .png file format and with 192 x 192 resolution.

At this point, you should be well aware of how to replace it. Once again, you have to click on the default image, select the most convenient upload method, and proceed with uploading your desired image.

 

Upload Apple icon

 

When you upload the image, please do not forget to hit the "Submit" button to apply the performed changes.

Now, it is time to go ahead and double-check if the images appear as expected on the storefront. If it looks as expected - you are good to go.

 

Custom X-Cart Store Logo and Favicon

 

If you have changed the Apple image, you have to check it on a mobile device. If you are pleased with the result, you are all set.

 

Custom X-Cart Apple Icon

 

If you ever need to revert the changes, you can do so by clicking on the corresponding image and selecting the "Delete" option. This action is going to replace your custom image with the default X-Cart one.

Well done! Now you have a custom Store Logo, Favicon, and Apple Icon on your fabulous X-Cart store. We hope you are satisfied with the result, and we would like to thank you for trusting our guidance. If you have experienced any kind of difficulties, you are always welcome to contact our Support Team for further instructions.

 

 

...
Sebahat
Content Marketing Specialist

Sebahat is a young and bright woman who has become an invaluable part of our team. She started as a Customer Care Representative, mastering that role and, along the way, growing into a tech-savvy individual who is well acquainted with every support layer of the company. Driven by her aim to improve our customers’ experience constantly, she is committed to enhancing the extraordinary support we deliver.