# Kategorien in der Navigation durch Grafik trennen.

**URL:** <https://forum.shopware.com/t/kategorien-in-der-navigation-durch-grafik-trennen/9066>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [5. Oktober 2012 um 12:12 UTC](https://forum.shopware.com/t/kategorien-in-der-navigation-durch-grafik-trennen/9066 "2012-10-05T12:12:35Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fiddich](https://avatars.discourse-cdn.com/v4/letter/f/7c8e57/32.png) [@Fiddich](https://forum.shopware.com/u/Fiddich)\
**Post date:** [5. Oktober 2012 um 12:12 UTC](https://forum.shopware.com/t/kategorien-in-der-navigation-durch-grafik-trennen/9066/1 "2012-10-05T12:12:35Z")

</div>

Guten Mittag, ich würde gerne die einzelnen Punkte die ich in der Liste der Navigation habe durch eine Grafik trennen anstatt die border-left und border-right Sache. Jetzt habe ich in der categories\_top.tpl schon einen div eingefügt mit der passenden Hintergrundgrafik und angezeigt werden die im Quellcode auch schon aber dummerweise werden sie nicht korrekt angezeigt im Shop. Was mache ich falsch? Hier mal die Angaben Ausschnitt aus der categories\_top.tpl [code]{foreach from=$sMainCategories item=sCategory} {if !$sCategory.hidetop}

- {$sCategory.description}

{/if} {/foreach}[/code] Und das passende css dazu. Ich habe jetzt als position: absolute gewählt damit das Layout nicht komplett durcheinander ist. Das bitte berücksichtigen. `.seperator {background-image: url(../images/seperator.png); width: 11px; height: 48px; position: absolute;} ` Vielleicht weiß da ja jemand etwas auf die Schnelle

---

<div class="post-metadata">

**Author:** ![ErikBrinx](https://avatars.discourse-cdn.com/v4/letter/e/b5ac83/32.png) [@ErikBrinx](https://forum.shopware.com/u/ErikBrinx)\
**Post date:** [5. Oktober 2012 um 15:33 UTC](https://forum.shopware.com/t/kategorien-in-der-navigation-durch-grafik-trennen/9066/2 "2012-10-05T15:33:15Z")

</div>

Hallo Fiddich, Vielleicht geht es ja auch per CSS? `#mainNavigation li {background: #Deine Farbe url(../images/seperator.png) right no-repeat;}` Grüße Erik

---

<div class="post-metadata">

**Author:** ![Gahlen](https://avatars.discourse-cdn.com/v4/letter/g/13edae/32.png) [@Gahlen](https://forum.shopware.com/u/Gahlen)\
**Post date:** [17. Oktober 2012 um 08:10 UTC](https://forum.shopware.com/t/kategorien-in-der-navigation-durch-grafik-trennen/9066/3 "2012-10-17T08:10:23Z")

</div>

Das ist schonmal ein super Tip, aber kann man auch vor jeder Katigorie ein eigenes Bild setzen? Quasi: Hemd -\> ein Hemd davor Hosen -\> eine Hose davor etc Danke für die Hilfe.