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

Share this post


Link to post
Share on other sites

Just checked your site, it seems that you have done it correctly.

you site now only have two columns (main column and right column).

 

If you have resolved the issue, please mark it as RESOLVED.

Share this post


Link to post
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)

Share this post


Link to post
Share on other sites
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More