DEV Community

PrestaSOO
PrestaSOO

Posted on • Originally published at prestasoo.com on

1

Logo Prestashop: Complete tutorial

Logo Prestashop? How well do you really know the logo on your website? How to customize it, replace the default logo by another? I've compiled in this tutorial everything about the logo of a site made with Prestashop.

How to change Prestashop Logo

This is not only the first question but also the most really interesting question people ask when developing a Prestashop website.

To change the logo of your shop, go to BackOffice and then in the Preferences -> Theme menu.

On this page, there are 4 types of customizable logos:

  • The logo of the shop.
  • Another one of emails & invoices.
  • The icon on your website.
  • The logo are used on the mobile theme.

The logo of the shop

This logo will be displayed on all pages of your Prestashop site and also used by default if you do not define a logo for the 3 other existing types.
Now, click on the "Add a file" button, choose the logo on your local computer and then click on the "Save" button.

The logo of emails & invoices

Actually, if you do not setup a logo on this step, the main logo of the shop will be used.
By the way, i case you worry that your logo does not display correctly on emails or Pdfs that will be generated by the store, you might want to use these two fields to send a different version of your logo that will be more suitable.

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 x 16 pixels square and is saved as favicon.ico in the root directory of the server.

Why use an icon?

When initially viewing your Prestashop website, most users will first scan the page for visually interesting content, and 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.

The logo are used on the mobile theme

This logo will be used on the theme dedicated to mobile devices.
But nowadays, everyone are using responsive theme there is no reason for you to activate the Prestashop mobile theme.

How to change the size of the logo in prestashop

It's very easy. Just use Photoshop or any image editor tools to resize your logo before upload on your site.

Do your career a big favor. Join DEV. (The website you're on right now)

It takes one minute, it's free, and is worth it for your career.

Get started

Community matters

Top comments (0)

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay