Last
Updated: 01/14/2020
( 8 minutes reading )
The logo of your Online Store resembles a small icon which usually symbolizes the face of your business. The logo typically illustrates the brand of your store but also represents all the advantages and core values of your company. Typically the logo is placed in the most visible place on the website - the header and main menu block.
Once you have your logo prepared, please, make sure that it meets some requirements, such as:
Allowed formats - .gif, .jpg, .png
Suggested size for default theme logo - < 370 x 99 pixels
Now, since you are all set with the preparation for your logo, let’s move to actually changing it on your website.
In order to be able to change the logo of your Online Store, you first have to login into the Admin of Prestashop. After that in the left vertical navigation menu look for the “Design” option. When you find it, please, click on it.
A drop-down menu will appear with the following options:
Out of those, please, click the “Theme & Logo” option.
After you click the “Theme & Logo” option you will be redirected to a page called “Theme & Logo>Theme”.
You will notice that the page has three different tabs: “Theme & Logo”, “Homepage configuration” and “Advanced customization”.
In this tutorial, you will only have to use the “Theme & Logo” tab.
The page is also divided into two sections. The first section is called “Your current theme”.
The second section is called “Live from PrestaShop addons!” and is about personalizing your store with the best design for your business.
As you probably noticed the “Your current theme” section is divided into two smaller ones. On the left side on the “your current theme” section, there is a big picture.
That picture actually resembles the frontend of your Online Store. When you click on it, you will be redirected to the frontend of your Store.
On the right side of the “Your current theme” section, there is a smaller section called “Configure your page layouts”.
More about the “Configure your page layouts” section you will learn in the next step.
The section “Configure your page layouts” has three tabs. Each one of them gives you the option to change the logo for different sections of your store.
The first tab is called “Logo”.
The logo that you will be changing there is the “Header logo” and the same will appear on all the pages of your shop. To change it, simply click the “Add file” button, right next to the empty field.
Once, the file is uploaded you can go to changing the logo of the “Invoice and email logos”. To do that, please, click the “Invoice and email logos” tab.
There you will see two sections appearing - one for the mails and one for the invoice. Please, bear in mind, that if you do not change the logo for the invoice and emails then the main logo will be used instead. The invoice and email logos appear in your shop’s email notifications and the invoices sent to the customers after a successful purchase.
When the files are uploaded you can go to the last step - changing the favicon logo. For that, please, click the “Favicon” tab.
The “Favicon” logo is a small image that is displayed at the left of the URL’s address and on the browser’s tab.
Please, bear in mind, that by default there will be a “Classic” logo for each of the sections in your Prestashop Online Store, this is why it is recommended to change it with yours instead.
Right under the picture of your store in the section “Your current theme” you will see a “Visit the theme catalog” button.
When you click it you will be redirected to the Prestashop Addons marketplace, where you will be presented with more themes.
Once you are done changing the logos of your header logo, invoices and emails, and the favicon, please, click the “Save” button at the bottom of the section.
That is it! Pretty easy isn’t it?
Congratulations! Today you learned how to insert your own logo and change the vision of your website by making it more attractive to the customers.
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.
Learn more about Prestashop 1.7 in the other tutorials that we have:
