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

Making a two column theme

Our second mission is to change the layout from three to two columns with adjustments to your pages.

Now imagine your aim is to have a two column webpage throughout your PrestaShop store, instead of three as in the default theme.

Just {* comment *} the following code in header.tpl to remove the left column:

<!-- Left -->
<div id="left_column" class="column">
{$HOOK_LEFT_COLUMN}
</div>

Or comment the following code in footer.tpl to remove the right column:

<!-- Right -->
<div id="right_column" class="column">
{$HOOK_RIGHT_COLUMN}
</div>

Then increase the width of the #center_column in global.css to fill up the space of the missing column.

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