O'Reilly logo

PrestaShop 1.3 ThemingBeginner’s Guide by Hayati Hashim

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action — Replacing logo using the header.tpl file

You already got yourself familiar with the CSS files. Now, we are moving on to another important file that you may have to use to edit, as an alternative from your back office.

The logo can be replaced by uploading it through the server into an appropriate folder ('../img/logo.jpg'). It's best if you can overwrite the original file using a different file with the same filename.

  1. Look up your /theme1/header.tpl
    <!-- Header -->
    <div>
    <h1 id="logo"><a href="http://{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"><img src="{$img_ps_dir}logo.jpg" alt="{$shop_name|escape:'htmlall': 'UTF-8'}" /></a></h1>
    <div id="header">
    {$HOOK_TOP}
    </div>
    </div>
    
  2. logo.jpg is the filename for the logo ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required