Prestashop logo: Complete guide
How well do you know the PrestaShop logo on your website? How to customize it, replace the default logo on the current theme by another? I've compiled in this article everything about the logo of a site made with PrestaShop eCommerce software.
How to change PrestaShop Logo?
This is not only the first question but also the most exciting questions people ask when developing your eCommerce website.
To change the logo of your shop, you need to access the Theme Configuration page:
- Go to Back-Office to access the Admin panel.
- Visit Preferences → Theme menu (on both PrestaShop 1.6 & PrestaShop 1.7).
On this page, there are 4 types of customizable logos:
If you do not remove or change the default logo from the Admin Panel, it will appear on the Default PrestaShop Theme. In case you use a Premium Theme instead of a Default Theme, you still need to change the logo PrestaShop because the default is made by the theme's author and will be shown on the Current Theme.
I. The logo of the shop.
This logo displays on all pages of the front office of your PrestaShop site (including the header logo). The Homepage logo is displayed as a small image on the left column of your online store. It contains a link that jumps to PrestaShop Official website (It's an open-source eCommerce software — do you remember that?).
It also used by default if you do not define a logo for the 3 other existing types.
How to upload a new logo in PrestaShop?
- First, click on the “Add a file” button.
- Next, choose the logo on your local computer. It should be better if you use a transparent logo.
- Final, click Save button to add or replace the logo file. Visit your website at the front office to see the change of homepage logo. This will affects on the current theme, whatever it's a default theme or a paid theme!
II. The logo of emails & invoices.
The system uses this logo on PDFs, email notifications by Core, or any PrestaShop addons. Actually, if you do not set up a logo on this step, the main logo of the shop will be used.
By the way, if you're worried that your logo doesn't appear correctly on emails or PDFs produced by the company, you may want to use these two fields to submit a new version of your logo that's going to be great.
Yes, this is the answer for the question of How to change the Invoice logo in PrestaShop. In case you need to customize and personalize your Prestashop Invoices, Delivery & Credits, DocumenThemix is the best solution.
III. The icon on your website.
What is an icon on a website?
It is short for favorites icon. A favicon is typically a graphic 16 × 16 pixels square and is saved as favicon.ico in the root directory of the server. This is displayed at the left of your browsers address bar (Chrome & Opera Address Bar no longer shows the icon).
Why use an icon?
When initially viewing your PrestaShop website, most users will first scan the page for visually interesting content.
Only after something grabs their attention will they actually begin reading. Icons are a simple, effective way to draw users into the content of your site.
IV. The logo is used on the mobile theme.
This logo will be used on the theme dedicated to mobile devices.
But nowadays, everyone is using the responsive PrestaShop themes, and there is no reason for you to activate the PrestaShop mobile theme.
How to change my logo size in PrestaShop 1.7
It's very easy. I highly recommend Photoshop or any image editor tools to resize the logo image before upload on your online store and use for the current theme.
Have some questions or tried to change logo but no success? Leave a comment below - you will earn some points for every comment you leave. Use these points to download our modules for free (*).
Or contact us I will try to reply to everyone via email.
Download logo in SVG
Want to download the default logo for your work? We have the Logo in SVG file that you can resize easily as you wish.