# kategorien teilen

**URL:** <https://forum.shopware.com/t/kategorien-teilen/904>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [2. Dezember 2010 um 01:00 UTC](https://forum.shopware.com/t/kategorien-teilen/904 "2010-12-02T01:00:53Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![master\_1](https://avatars.discourse-cdn.com/v4/letter/m/c89c15/32.png) [@master\_1](https://forum.shopware.com/u/master_1)\
**Post date:** [2. Dezember 2010 um 01:00 UTC](https://forum.shopware.com/t/kategorien-teilen/904/1 "2010-12-02T01:00:53Z")

</div>

hallo leute ! kann ich die kats ( linke seite ) teilen ? ich meine ob man die kategorien optisch so hinbekommt das zb. nach 3 kategorien eine zeile frei ist und dann die nächsten kats kommen. beispiel: hosen hemden hüte ( frei ) schals handschuhe strickjacken mützen lg

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [2. Dezember 2010 um 08:05 UTC](https://forum.shopware.com/t/kategorien-teilen/904/2 "2010-12-02T08:05:19Z")

</div>

Deine meisten Fragen kann man mit CSS lösen 😉 Schau dich doch hier mal um [http://www.css4you.de/](http://www.css4you.de/)

---

<div class="post-metadata">

**Author:** ![master\_1](https://avatars.discourse-cdn.com/v4/letter/m/c89c15/32.png) [@master\_1](https://forum.shopware.com/u/master_1)\
**Post date:** [2. Dezember 2010 um 09:57 UTC](https://forum.shopware.com/t/kategorien-teilen/904/3 "2010-12-02T09:57:42Z")

</div>

[quote=“ottscho”]Deine meisten Fragen kann man mit CSS lösen 😉 Schau dich doch hier mal um [http://www.css4you.de/](http://www.css4you.de/)[/quote] ich kenne die seite, aber denke nicht das es mit css allein funkt !

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [2. Dezember 2010 um 10:12 UTC](https://forum.shopware.com/t/kategorien-teilen/904/4 "2010-12-02T10:12:29Z")

</div>

Mit was soll es den sonst funktionieren? Mit CSS strukturierst du deine Seite. Dein linke Navi ist mit

- 

aufgebaut. Nun musst du veranlassen, dass immer die dritte LI-Zelle höher ist oder mehr Abstand hat, als die anderen.

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [2. Dezember 2010 um 11:24 UTC](https://forum.shopware.com/t/kategorien-teilen/904/5 "2010-12-02T11:24:52Z")

</div>

Da dort aber eine foreach Schleife läuft wird das nur mit css nix.

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [2. Dezember 2010 um 11:43 UTC](https://forum.shopware.com/t/kategorien-teilen/904/6 "2010-12-02T11:43:28Z")

</div>

Ja klar. Das Template muss auch etwas angepasst werden. Du musst nur jede 3 Li mit einem eigenen CSS Klasse definieren. Habe es eben getestet, so geht es. Ändere die Template Datei categories\_left.tpl… [code] foreach from=$categories item=category name=maincat}

- [{$category.description}]({if $category.external}{$category.external}{else}{$category.link|rewrite:$category.description}{/if}) {if $category.subcategories} {call name=categories categories=$category.subcategories level=$level+1} {/if}  
{/foreach} [/code] Hier habe ich der Foreach einen Namen gegeben: name=maincat Und mit $smarty.foreach.maincat.iteration kannst du die Anzahl der Durchläufe herausfinden. Sprich 1,2,3,4,5,6,7 soviel Haupt-Kategorien es eben gibt. Und mit {if $smarty.foreach.maincat.iteration is div by 3} wird die Bedingung nur erfüllt, wenn die Zahl durch 3 teilbar ist. Und dann machst du es z.B. so: CSS: ` li.drei{ margin-bottom: 50px; } `

---

<div class="post-metadata">

**Author:** ![avenger](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@avenger](https://forum.shopware.com/u/avenger)\
**Post date:** [2. Dezember 2010 um 14:55 UTC](https://forum.shopware.com/t/kategorien-teilen/904/7 "2010-12-02T14:55:26Z")

</div>

[quote=“ottscho”]Ja klar. Das Template muss auch etwas angepasst werden. Du musst nur jede 3 Li mit einem eigenen CSS Klasse definieren. Habe es eben getestet, so geht es. Ändere die Template Datei categories\_left.tpl… [code] foreach from=$categories item=category name=maincat}

- [{$category.description}]({if $category.external}{$category.external}{else}{$category.link|rewrite:$category.description}{/if}) {if $category.subcategories} {call name=categories categories=$category.subcategories level=$level+1} {/if}  
{/foreach} [/code] Hier habe ich der Foreach einen Namen gegeben: name=maincat Und mit $smarty.foreach.maincat.iteration kannst du die Anzahl der Durchläufe herausfinden. Sprich 1,2,3,4,5,6,7 soviel Haupt-Kategorien es eben gibt. Und mit {if $smarty.foreach.maincat.iteration is div by 3} wird die Bedingung nur erfüllt, wenn die Zahl durch 3 teilbar ist. Und dann machst du es z.B. so: CSS: ` li.drei{ margin-bottom: 50px; } `[/quote] Also ich würde statt `{if $smarty.foreach.maincat.iteration is div by 3}drei {/if}` `cat\_{$smarty.foreach.maincat.iteration}` verwenden, dann kann man an jedem beliebigen Eintrag mit CSS ansetzen…

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [2. Dezember 2010 um 15:03 UTC](https://forum.shopware.com/t/kategorien-teilen/904/8 "2010-12-02T15:03:03Z")

</div>

[quote]verwenden, dann kann man an jedem beliebigen Eintrag mit CSS ansetzen…[/quote] Kannst du mir das erklären? Dann hab ich schon wieder was dazu gelernt. Danke EDIT: Sorry, Stand gerade auf dem Schlauch ^^ Nun hast du jede LI mit eigener Class. cat\_1 cat\_2 etc.

---

<div class="post-metadata">

**Author:** ![master\_1](https://avatars.discourse-cdn.com/v4/letter/m/c89c15/32.png) [@master\_1](https://forum.shopware.com/u/master_1)\
**Post date:** [2. Dezember 2010 um 21:04 UTC](https://forum.shopware.com/t/kategorien-teilen/904/9 "2010-12-02T21:04:42Z")

</div>

also ich probier das jetzt mal. kann stunden dauern 😉 melde mich natürlich nochmla obs geklappt hat 🕶

---

<div class="post-metadata">

**Author:** ![master\_1](https://avatars.discourse-cdn.com/v4/letter/m/c89c15/32.png) [@master\_1](https://forum.shopware.com/u/master_1)\
**Post date:** [2. Dezember 2010 um 23:29 UTC](https://forum.shopware.com/t/kategorien-teilen/904/10 "2010-12-02T23:29:29Z")

</div>

also ich bekomm das nicht gebacken. wo oder statt was muss ich das einfügen in der categories\_left.tpl ? ich bekomm nämlich nur einen error egal wo ich das platziere ☹