Jump to content

how to edit theme 3 column to 2 columns


Recommended Posts

Hi ,

First you need to edit some files with tpl extension, they are located in your theme_folder (themes/yourtheme/)

If you want to delete the left column : go to the header.tpl file and delete this lines :

<div id="left_column" class="column">

{$HOOK_LEFT_COLUMN}

</div>

If you want to delete the right column : go to the footer.tpl file and delete this lines :

<--<div id="right_column" class="column">

{$HOOK_RIGHT_COLUMN}

</div>-->

You need to enable the force-compile in your backoffice :

Go to backoffice / preferences / performance /enable force compile , then test your page.

You need after to hook your blocks to the chosen column.You have to change your css files to fit the widths , here you are free of your own imagination.

 

Good luck :-)

Edited by xlynx (see edit history)
  • Like 1
Link to comment
Share on other sites

Its an other question ...

Here you need to edit your global.css , use html inspector , i suggest you to use OPERA dragonfly , inspect the products and see which lines is used.

You have only to change the width (decreasing) and margin, then you will get 3 products in a single line.

When you have removed the right column , don't forget to change the width of the center_column

Best

Edited by xlynx (see edit history)
Link to comment
Share on other sites

×
×
  • Create New...