display all categories on left column

[2hard2get]

How can I display all the categories, by Alphabetical order on the left column?

My template is auto_GREEN_BLUE Version 2.0

[Tilek E.]

Hi 2hard2get,

It's easy enough. First of all you should go to Admin Panel » Configuration » Page Navigation and Listings and change the Number of columns from 3 to 1.

Then open header.tpl file and insert the highlighted code as follows:

<div class="content">
	<table cellpadding="0" cellspacing="0" width="100%">
	<tr>
		<td valign="top" height="10%" class="column">

{if $categories}
	<div class="box">
		<div class="box-caption-right">
			<div class="box-caption-left">
				<div class="box-caption">{$lang.categories}</div>
			</div>
		</div>
		{$categories}
	</div>
{/if}

{if $config.editors}
	<div class="box">
		<div class="box-caption-right">
			<div class="box-caption-left">
					<div class="box-caption">{$lang.editors_area}</div>
			</div>
		</div>
		<div class="box-content">

Do not forget to delete the highlighted code from index.tpl file.

[2hard2get]

Sorry but thats not what i ment, i still want category i the center of page, but category navigations i the rigth side on all pages.

[Greg]

There's a whole "Sticky" thread at the top of this forum for this.
Look at posts 5,29,40 (depending on your needs)

There may be slight changes you need to make for your template.

[2hard2get]

Looks great Greg.

It woorks, but i want a top over the categori´s call CATEGORY with black background like i have in center categori.

Is it possible not too show right categori i frontpage, only on all other pages.

Also how doo i move center categori a litle too right.

[Greg]

Originally Posted by 2hard2get

Looks great Greg.

It woorks, but i want a top over the categori´s call CATEGORY with black background like i have in center categori.

Is it possible not too show right categori i frontpage, only on all other pages.

Try this:

{if ($category.id) >"0"}
<div class="box">
   <div class="box-caption-right">
   <div class="box-caption-left">
      <div class="box-caption">{$lang.categories}</div>
   </div>
   </div>
   <div class="box-content">
   {foreach from=$top_categories item=top_category}
   <p class="top-category"><a 

href="{$config.base}{$config.dir}{$top_category.path}/">{$top_category.title}</a></p>
   {/foreach}
   </div>
{else}

{/if}

For "Also how doo i move center categori a litle too right." I'll take a look at it later. Have some stuff to do.

[2hard2get]

Damm your good at this. Thaks a lot.

It looks like i don´t need too move center category now.

By the way, have fun

[Greg]

You're welcome

Looks good

One thing I think you forgot was to add the css part:

p.top-category
{
	line-height: 22px;
}
p.top-category a
{
	color: #1979B5;
	font-weight: bold;	
}

Change to correct color - #1979B5;

Though it doesn't look like you need it.

[2hard2get]

Greg i have a problem with XML button.

When i change it, the size get´s smaller.

I try too make same look and size for Search and XML buttons.

[Greg]

The xml buttom is an image (xml.gif). The only way to make it the same size as the search button is to make a new one. And I suck at graphics.