How to remove or change the PrestaShop header logo

With the default prestashop theme the header logo appears in the upper left corner of your store's frontend (above the left column). It's also a link to the homepage of your store.

You can change the the default logo from the backend of your PrestaShop. After you log in click on the Modules tab and then on the Themes sub-tab. On the page that opens you can change the header logo; just click on the Browse button under the logo image, find the new image on your local computer and click on the Save button.

To remove the the header logo you have to comment out some code in the theme's header.tpl file (e.g. public_html/prestashop/themes/prestashop/header.tpl):

   <a id="header_logo" href="{$link->getPageLink('index.php')}" 
	<img class="logo" src="{$img_ps_dir}logo.jpg?
{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" 
{if $logo_image_width}width="{$logo_image_width}"{/if} 
{if $logo_image_height}height="{$logo_image_height}" {/if} />

To keep the header logo but just remove the link, comment out only the first part of the same code:

<a id="header_logo" href="{$link->getPageLink('index.php')}" 

To be able to see the changes on the frontend of your PrestaShop, before you modify the template files go to the Preferences tab of your store's backend, then click on the Performance sub-tab and set the Force compile option to Yes. Disable it when you're done with the modifications, and you've checked the results on the frontend.

Don't forget that any changes to the code of template files will be overwritten when you upgrade that theme. In the case of the default theme, updating PrestaShop will overwrite any modifications to the prestashop theme.

For more details you can also read the tutorial on managing the PrestaShop header logo.

Was this answer helpful?

 Print this Article

Also Read