Change the order of the columns

[Fran S]

How can i change the order of the columns?

I try change the order in the header.tpl and footer.tpl but not getting results.

 

 

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

<!-- Center -->
<div id="center_column">
{/if}

{if !$content_only}
</div>

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

 

 

Now...

--------------- --------------- -----------------

| left_column | | center_column | | right_column |

--------------- --------------- -----------------

 

i need...

--------------- --------------- -----------------

| center_column | | left_column | | right_column |

--------------- --------------- -----------------

 

Regards

[CartExpert.net]

Hello!

 

To change their order the code should look like:

<!-- Center -->
<div id="center_column">
{/if}

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

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

 

Do not forget to recompile the templates.

[Richard S]

Hm.. You need mostly do this by editing your stylesheet and CSS files as they are usually responsible for this. The structure of HTML can be left even the same if everything is done right with CSS.

[Fran S]

[solved] Thanks CartExpert, the problem was i dont compile the template. Now run perfect.

 

I change the order of divs like this:

 

<div id="columns">

  <!-- Center -->

  <div id="center_column">
       {/if}
       {if !$content_only}
  </div>

  <!-- Left -->

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

  <!-- Right -->

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

</div>

 

 

 

... and add:

 

float: left; 

 

to

 

#left_column, #center_column, #right_column

 

Thanks, quick answers.

Regards