List Categories in columns

[Rabatkoder]

Is it possible with this code, to list the categories into more columns than 1?

Like: foreach 5 <li> create a new <ul> ?

 

So it looks like this:

1bla 6bla 11bla

2bla 7bla 12bla

3bla 8bla 13bla

4bla 9bla 14bla

5bla 10bla 15bla

 

{if isset($subcategories)}
 <!-- Subcategories -->
 <div id="subcategories">
  <ul class="inline_list">
  {foreach from=$subcategories item=subcategory}
<li>
 <a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}">{$subcategory.name|escape:'htmlall':'UTF-8'}</a>
</li>
  {/foreach}
  </ul>
  <br class="clear"/>
 </div>
 {/if}

 

 

I hope someone knows the trick :-)

[Carolina Custom Designs]

Yes it is with some css modifications. You'll need to set your ul width then display your li 'inline' with the width based upon how many columns you want.

 

Hope that helps!

 

Marty Shue

[Rabatkoder]

Thanks for the reply, but i have already done that, and i "works".

But the problem is that it sorts categories alphabetically vertical, instead of alphabetically horizontally.

 

So therefore i want to list the categories in <li> with 100% width and then after like 5 <li> it should make a new <ul> with 5 <li>

 

I Really hope it is possible :-)

[jpozvi]

Hi There;

 

 

I would also like to have subcategories in 3 columns. Where can I put this code? in whitch css file?

 

thanks for an answer

 

Jana

[CartExpert.net]

Hello!

 

To define or change style definitions for the categories block you need to edit '/themes/[YOUR_THEME]/css/modules/blockcategories/blockcategories.css'.