# Kategorie Bild im Menüreiter

**URL:** <https://forum.shopware.com/t/kategorie-bild-im-menureiter/34178>\
**Category:** Themes & Design\
**Created:** [3. Februar 2016 um 11:19 UTC](https://forum.shopware.com/t/kategorie-bild-im-menureiter/34178 "2016-02-03T11:19:53Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![M.K.aus\_A](https://avatars.discourse-cdn.com/v4/letter/m/e274bd/32.png) [@M.K.aus\_A](https://forum.shopware.com/u/M.K.aus_A)\
**Post date:** [3. Februar 2016 um 11:19 UTC](https://forum.shopware.com/t/kategorie-bild-im-menureiter/34178/1 "2016-02-03T11:19:53Z")

</div>

Hallo Zusammen,

&nbsp;

ich möchte gerne einer Kategorie ein Bild zuweisen welches im Menü statt Kategorienamen ausgegeben wird.

Ich habe es mal einfach mit Html statt Kategorienamen versucht aber da kommt vor dem Bild die Meldung&nbsp;

„itemprop“ „url“

Wie bekommt man das Bild dahin ohen die Fehler Meldung?

Ich habe leider kein Plugin dazu gefunden, die sind immer alle für die Unterkategorien mit Bild.

Ich bin für jede Hilfe dankbar.

Gruß&nbsp;Marc

---

<div class="post-metadata">

**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\
**Post date:** [4. Februar 2016 um 06:10 UTC](https://forum.shopware.com/t/kategorie-bild-im-menureiter/34178/2 "2016-02-04T06:10:47Z")

</div>

Hallo Marc,

welche Art von Bildern möchtest du anzeigen? Wären Icons von Font Awesome auch eine Option?&nbsp;[https://fortawesome.github.io/Font-Awesome/icons/](https://fortawesome.github.io/Font-Awesome/icons/)

Gruß

---

<div class="post-metadata">

**Author:** ![M.K.aus\_A](https://avatars.discourse-cdn.com/v4/letter/m/e274bd/32.png) [@M.K.aus\_A](https://forum.shopware.com/u/M.K.aus_A)\
**Post date:** [4. Februar 2016 um 11:47 UTC](https://forum.shopware.com/t/kategorie-bild-im-menureiter/34178/3 "2016-02-04T11:47:34Z")

</div>

Hallo,

das wäre vielleicht eine Idee.

Eigentlich wollte ich eine Grafik dort einfügen die in Rot ist um die Kategorie etwas abzusetzen von den anderen.

Die Grafik kann ich ja, als icon erstellen wenn das funktioniert.

Habs mal mit einfachem HTML gemacht, wurde angezeigt aber halt mit dem Hinweis davor&nbsp;„itemprop“ „url“

Gruß

---

<div class="post-metadata">

**Author:** ![sonic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sonic/32/25728_2.png) [@sonic](https://forum.shopware.com/u/sonic)\
**Post date:** [4. Februar 2016 um 12:12 UTC](https://forum.shopware.com/t/kategorie-bild-im-menureiter/34178/4 "2016-02-04T12:12:15Z")

</div>

Ich habe mir die main-navigation.tpl dahingehend erweitert, dass jedem Tab noch eine Class für die Categorie-ID übergeben wird. Dann einfach per Less den Tab anpassen - ich habe mir je nach Kategorie ein Icon aus dem Shopwarefont davorgestellt. Du könntest das auch so machen und einfach dann den „span“ ausblenden.  
Einfach für die gewünschte KAT-Id eine Classe definieren.

Stichwort: CSS Pseudoelement before

```
{block name='frontend_index_navigation_categories_top_entry'}
	{strip}
		{if !$sCategory.hidetop}
			
				
					{$sCategory.description}
				
			
		{/if}
	{/strip}
{/block}

```

![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/8/8386bcf961ac8ec7d48700047ceb2119101bee73.png)

---

<div class="post-metadata">

**Author:** ![M.K.aus\_A](https://avatars.discourse-cdn.com/v4/letter/m/e274bd/32.png) [@M.K.aus\_A](https://forum.shopware.com/u/M.K.aus_A)\
**Post date:** [8. Februar 2016 um 14:15 UTC](https://forum.shopware.com/t/kategorie-bild-im-menureiter/34178/5 "2016-02-08T14:15:46Z")

</div>

Das liest sich alles sehr gut und sieht auch gut aus aber,

ich habe keine Ahnung vom Programmieren.

Wenn Du mir vielleicht verraten könntest was ich wo genau ändern muss.

Wenn ich das richtig verstanden habe, kommt dein Code in die&nbsp;main-navigation.tp wo find ich die?

Hab mal im Them Frontend gesucht, aber da kann ich nix finden.

Aber was muss ich jetzt in der Less wo ändern bzw. angeben?