# Kategorie einfärben

**URL:** <https://forum.shopware.com/t/kategorie-einfarben/36138>\
**Category:** Themes & Design\
**Created:** [19. April 2016 um 12:20 UTC](https://forum.shopware.com/t/kategorie-einfarben/36138 "2016-04-19T12:20:07Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![eventar](https://avatars.discourse-cdn.com/v4/letter/e/9fc348/32.png) [@eventar](https://forum.shopware.com/u/eventar)\
**Post date:** [19. April 2016 um 12:20 UTC](https://forum.shopware.com/t/kategorie-einfarben/36138/1 "2016-04-19T12:20:07Z")

</div>

Hallo liebe Community,

Ich suche eine Möglichkeit eine Kategorie im Menü einzufärben. Ich finde keine Möglichkeit dieses Element gesondert anzusprechen und es einzufärben. Kann mir jemand helfen?

Liebe Grüße

Felix

---

<div class="post-metadata">

**Author:** ![Stephan\_Pohl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/stephan_pohl/32/10212_2.png) [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)\
**Post date:** [19. April 2016 um 15:13 UTC](https://forum.shopware.com/t/kategorie-einfarben/36138/2 "2016-04-19T15:13:26Z")

</div>

Hallo @eventar‍,

hierfür kannst du ein Freitext-Feld an der jeweiligen Kategorie nehmen. Im Kategorie-Modul findest du im rechten Panel ganz unten ein Fieldset mit den Freitext-Feldern. Du müsstest hier nur eine kleine Template-Anpassung machen und das Freitextfeld als Klasse auf das jeweilige Element setzen.

Viele Grüße,  
Stephan Pohl&nbsp; ![Shopware](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/86c57fbace799dd4eb1f1b8a2d3bdc1733f0aea1.png "Shopware")

---

<div class="post-metadata">

**Author:** ![eventar](https://avatars.discourse-cdn.com/v4/letter/e/9fc348/32.png) [@eventar](https://forum.shopware.com/u/eventar)\
**Post date:** [13. Mai 2016 um 07:27 UTC](https://forum.shopware.com/t/kategorie-einfarben/36138/3 "2016-05-13T07:27:53Z")

</div>

Das Probier ich mal aus. Danke für die Hilfe.

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [13. Mai 2016 um 07:34 UTC](https://forum.shopware.com/t/kategorie-einfarben/36138/4 "2016-05-13T07:34:30Z")

</div>

> [@eventar schrieb:](https://forum.shopware.com/profile/23555/eventar "eventar")
> 
> Das Probier ich mal aus. Danke für die Hilfe.

Hallo,

eine „Quick and Dirty“-Lösung wäre auch, in das Eingabefeld des Kategorienamens beispielsweise um den Kategorienamen einen span mit dem Farbcode zu erstellen:

```
Kategoriename

```

Beste Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![eventar](https://avatars.discourse-cdn.com/v4/letter/e/9fc348/32.png) [@eventar](https://forum.shopware.com/u/eventar)\
**Post date:** [13. Mai 2016 um 07:39 UTC](https://forum.shopware.com/t/kategorie-einfarben/36138/5 "2016-05-13T07:39:52Z")

</div>

Das funktioniert bei&nbsp;mir nicht zu 100%:

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

Ich würde dem Element einfach gerne eine Klasse geben, damit auch den Hover usw. bearbeiten kann.  
Weiß aber nicht genau wie ich die Freitextfelder im Frontend als Klassen ausspucken lasse.

Lg Felix

---

<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:** [13. Mai 2016 um 07:48 UTC](https://forum.shopware.com/t/kategorie-einfarben/36138/6 "2016-05-13T07:48:34Z")

</div>

Wo genau soll denn jetzt etwas eingefärbt werden? Der Text im Hauptmenü? Der Name im aufgeklapptem Megamenü? Für die Anpassung im Mainmenü gibt&nbsp;es hier schon einen Thread - musst Du mal suchen. Ich übergebe jedem Element im Hauptmenü die System-ID der Kategorie als Class&nbsp;und kann dann via CSS im LESS individuell anpassen.

```
{extends file='parent:frontend/index/main-navigation.tpl'}

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

```

Die Class wäre dann&nbsp; **navigation–itemid–{$sCategory.id}** - für Kategorie 10 also dann&nbsp; **navigation–itemid–10**

Man&nbsp;könnte das natürlich auch wie oben beschrieben über ein Freitext machen - das abfragen und als inline-style setzen wenn vorhanden.

---

<div class="post-metadata">

**Author:** ![eventar](https://avatars.discourse-cdn.com/v4/letter/e/9fc348/32.png) [@eventar](https://forum.shopware.com/u/eventar)\
**Post date:** [13. Mai 2016 um 08:19 UTC](https://forum.shopware.com/t/kategorie-einfarben/36138/7 "2016-05-13T08:19:13Z")

</div>

Ich glaub dieses Problem rutscht auf meiner To-do Liste ein klein wenig nachhitnen. Ich bekomms nicht hin.

Aber trotzdem vielen Dank für eure Hilfe.
