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 != 'index'}
   <!-- Left -->
     <div id="left_column" class="column">
       {$HOOK_LEFT_COLUMN}
     </div>
   {/if } 

3. Save the file.

footer.tpl

1. Look for the following code:

   <!-- Right -->
     <div id="right_column" class...