<Solved > How to 2 Column Theme

[Vilas]

Hello Friends,

 

I have installed Prestashop 1.5.4.1. I like to know how to make the default theme as 2 column.

 

Also not want to show columns on homepage except on other pages. Is that possible?

 

Will be great if anyone have any idea.

 

Thanks

Edited July 28, 2013 by Vilas (see edit history)

[Paulito]

Good morning,

 

Please read

 

HERE will show you how to make 2 column theme

 

and

 

HERE will show you how to hide column on Index page

 

 

Hope this helps

 

Paul

 

Paul

[Vilas]

Hi Paul,

 

Thanks for u r kind information. First part did successfully. But second part i.e. hide column on Index page not worked. Since to make 2 column theme we already did changes in header.tpl file. Now the codes of header.tpl & the given on that page are different. I think those codes are for prestashop 1.4 not for 1.5. Will be great if you have a look on it.

 

Thanks

 

my current header.tpl have below code at last section.

 

<!-- Header -->

<div id="header" class="grid_9 alpha omega">

<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">

<img class="logo" src="{$logo_url}" 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} />

</a>

<div id="header_right" class="grid_9 omega">

{$HOOK_TOP}

</div>

</div>

<div id="columns" class="grid_9 alpha omega clearfix">

<!-- Left -->

{*<div id="left_column" class="column grid_2 alpha">

{$HOOK_LEFT_COLUMN}

</div>*}

<!-- Center -->

<div id="center_column" class=" grid_7 alpha">

 

Thanks

[vekia]

hello

 

if you changed sources and you don't see changes in your front office - turn on force compilation under the preferences > performance tab in your back office

 

your code looks well.

[Paulito]

Good morning

 

I am answering on Android so bear with me.

 

OK, so now you have 2 columns - Left and Centre or Right and Centre

 

The left column is in header.tpl - the right column is in footer.tpl

 

To stop a column showing you need, I believe, to add an 'if' statement to stop the column showing when the page loads

 

{If $ page_name !="index"} {/if}

 

Sorry I cannot be more helpful as I am not in front of a pc at the mo

 

Paul

 

 

{If

 

 

 

[vekia]

check also this tut: one column homepage

you've got there step by step instruction related to the "disabling" one of the column on your homepage

hope it will be helpfull in this case

[Vilas]

Hello Vekia / Paul,

 

Thanks for your kind help. Your solution worked

 

I need one more help. How to remove space in between right column & product short description. Please find image for reference.

 

 

 

Please find product page too where I need to modify.

 

 

 

Thanks

Edited July 28, 2013 by Vilas (see edit history)

[vekia]

you have to change the grid_5 value to grid_7 (for center column)

and you have also to modify the product.tpl file main <div>

(append new correct width)

[Paulito]

Hello again

I know, I had the same problem. You will find that a lot of pages need stretcing to suit the 2 columns you have now.

 

Have a look at:

gadgetskunk.co.uk

 

All that needs to be done is change some css values. If you use chrome/firebug you will see which files/lines need changing

 

If you get stuck you can PM me in a couple of hours

 

or raise another topic if you cannot wait

 

Paul

[Vilas]

Hello Paul,

 

Will wait. No issue its not that much urgent.

 

Thanks

 

Hello again

I know, I had the same problem. You will find that a lot of pages need stretcing to suit the 2 columns you have now.

 

Have a look at:

gadgetskunk.co.uk

 

All that needs to be done is change some css values. If you use chrome/firebug you will see which files/lines need changing

 

If you get stuck you can PM me in a couple of hours

 

or raise another topic if you cannot wait

 

Paul

[Vilas]

Almost done

 

After playing with css.... Please have a look on it from your end & suggest me whether it looks Okay or ??

 

Thanks

[Paulito]

Well, your product page is ok but you still have a lot to do

 

For instance, add a product to you cart and go to checkout.

 

The authentication needs stretching and for some reason I can still see the 'contact us and specials blocks' on the left

 

You really need to go through every page and check if it is ok

 

Paul