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 — Modifying the layout of the main pages

Based on our specs, where we want the home page logo to be wider, we will need to do some tweaking on the layout of the main page.

We will be "getting rid" of the left and right columns from the main home page, so we will need to add some code to the header.tpl and footer.tpl pages to make it look proper.

The header.tpl and footer.tpl files that we need to edit are located at /prestashop/themes/mythemes/.

In order to get rid of the left and right columns in the main page, we need to insert an if statement in the header.tpl and footer.tpl.

header.tpl

  1. Look for the following code:
    <!-- Left --> <div id="left_column" class="column"> {$HOOK_LEFT_COLUMN} </div>
    
  2. Change it to the following:
    {if $page_name ...

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