# categoryID als ID bzw CLASS

**URL:** <https://forum.shopware.com/t/categoryid-als-id-bzw-class/7857>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [26. Juli 2012 um 22:29 UTC](https://forum.shopware.com/t/categoryid-als-id-bzw-class/7857 "2012-07-26T22:29:23Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![biberbeat](https://avatars.discourse-cdn.com/v4/letter/b/f14d63/32.png) [@biberbeat](https://forum.shopware.com/u/biberbeat)\
**Post date:** [26. Juli 2012 um 22:29 UTC](https://forum.shopware.com/t/categoryid-als-id-bzw-class/7857/1 "2012-07-26T22:29:23Z")

</div>

Hallo, ich habe gesehen, dass die categoryIDs nicht als via CSS ansprechbare ID bzw. CLASS kompiliert werden. Ich möchte nun jedoch jeder einzelnen meiner Hauptkategorien ein individuelles Layout via CSS zuweisen. Frage: Wir kann ich die categoryID via CSS ansprechen? Danke! Henning

---

<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:** [27. Juli 2012 um 07:16 UTC](https://forum.shopware.com/t/categoryid-als-id-bzw-class/7857/2 "2012-07-27T07:16:00Z")

</div>

In dem du deine ID’s in deiner CSS als Klasse definierst und im Template entsprechend einbindest. Beispiel ( ID 2310) In der CSS Datei `.cat2310 { background-image: url("../meintemplate/images/Bild.jpg"); border: 1px; }` Im Template [code]

Blabla  
[/code] MfG Frank

---

<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:** [27. Juli 2012 um 07:58 UTC](https://forum.shopware.com/t/categoryid-als-id-bzw-class/7857/3 "2012-07-27T07:58:44Z")

</div>

Korrektur: Eine Class kann nicht aus nur Zahlen bestehen 😉 Daher bitte Class “cat2310” oder ähnlich verwenden.

---

<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:** [27. Juli 2012 um 08:58 UTC](https://forum.shopware.com/t/categoryid-als-id-bzw-class/7857/4 "2012-07-27T08:58:16Z")

</div>

Japp, das stimmt, habe das mal berichtigt.

---

<div class="post-metadata">

**Author:** ![biberbeat](https://avatars.discourse-cdn.com/v4/letter/b/f14d63/32.png) [@biberbeat](https://forum.shopware.com/u/biberbeat)\
**Post date:** [27. Juli 2012 um 10:22 UTC](https://forum.shopware.com/t/categoryid-als-id-bzw-class/7857/5 "2012-07-27T10:22:35Z")

</div>

Hallo, danke für die Infos. Aber ich meinte etwas anderes, wie dieser Screenshot zeigt: Den einzelnen Menüpunkten wird die CatID nicht mitgegeben. Also kann ich sie via CSS auch nicht über .catxyz oder #catxyz ansteuern. Also suche ich nach einem Weg, dem

- die ID mitzugeben. Am Ende wollte ich z.B. folgenden Aufruf haben: "
- " Ich befürchte, ich muß dazu tiefer in den Code. Danke für Eure Hilfe. Henning

---

<div class="post-metadata">

**Author:** ![rattatui](https://avatars.discourse-cdn.com/v4/letter/r/49beb7/32.png) [@rattatui](https://forum.shopware.com/u/rattatui)\
**Post date:** [27. Juli 2012 um 10:57 UTC](https://forum.shopware.com/t/categoryid-als-id-bzw-class/7857/6 "2012-07-27T10:57:16Z")

</div>

Hi, das müsste das advanced menü sein, wenn du das aktiviert hast, oder? Dann: /templates/DEINTEMPLATE/frontend/plugins/advanced\_menu.tpl (Wenn nicht vorhanden, aus \_default die advanced\_menu.tpl dort anlegen/hinkopieren. Dort müsste zu finden sein: [code]

- [/code] Da müsste dann wohl der id-part eingebaut werden, bzw. hier zwischen " und \> mit hilfe von `id="cat\_{$sCategoryContent.id}"` Falls die Variable nicht zur Verfügung steht, sollte `$sCategory.description` also die Bezeichnung der Kategorie, auch gehen. EDIT: Vielleicht musst Du den Abschnitt mit if und /if nochmal kopiereren und anpassen, weiss ich jetzt nicht. Habe das aber nich getestet, vielleicht hilfts ja… Grüße rattatui

---

<div class="post-metadata">

**Author:** ![biberbeat](https://avatars.discourse-cdn.com/v4/letter/b/f14d63/32.png) [@biberbeat](https://forum.shopware.com/u/biberbeat)\
**Post date:** [27. Juli 2012 um 11:38 UTC](https://forum.shopware.com/t/categoryid-als-id-bzw-class/7857/7 "2012-07-27T11:38:49Z")

</div>

Ja, das scheint auf jeden Fall die Richtung zu sein. Aber ich schaffe es nicht, dass die von mir modifizierte in und meinem Template-Ordner abgelegte Datei angesprochen wird. Ich habe meine advanced\_menu.tpl 1:1 aus der Default kopiert und mit `{extends file="../\_default/frontend/plugins/advanced\_menu/advanced\_menu.tpl" }` versucht einzubinden. Wo ist mein Denkfehler? Danke. Henning

---

<div class="post-metadata">

**Author:** ![rattatui](https://avatars.discourse-cdn.com/v4/letter/r/49beb7/32.png) [@rattatui](https://forum.shopware.com/u/rattatui)\
**Post date:** [27. Juli 2012 um 11:56 UTC](https://forum.shopware.com/t/categoryid-als-id-bzw-class/7857/8 "2012-07-27T11:56:10Z")

</div>

…nein, keine Zeile mit extend hinzufügen. Dadurch, das du die komplette Datei in deinen Template-Ordner kopierst, wird die Originale im \_default Verzeichnis komplett ersetzt. …Und wenn das richtig war, was ich oben geschrieben habe, sollte das dann auch funktionieren. Grüße rattatui

---

<div class="post-metadata">

**Author:** ![biberbeat](https://avatars.discourse-cdn.com/v4/letter/b/f14d63/32.png) [@biberbeat](https://forum.shopware.com/u/biberbeat)\
**Post date:** [27. Juli 2012 um 12:25 UTC](https://forum.shopware.com/t/categoryid-als-id-bzw-class/7857/9 "2012-07-27T12:25:45Z")

</div>

Hallo, also, hier der korrekte Aufruf, der jedem Menüeintrag seine CategoryID als ID zuweist und mittels CSS ansprechbar macht: `id="cat\_{$sCategory.id}"`

---

<div class="post-metadata">

**Author:** ![Mike77](https://avatars.discourse-cdn.com/v4/letter/m/779978/32.png) [@Mike77](https://forum.shopware.com/u/Mike77)\
**Post date:** [11. Juli 2016 um 16:07 UTC](https://forum.shopware.com/t/categoryid-als-id-bzw-class/7857/10 "2016-07-11T16:07:11Z")

</div>

Hallo,

vielen Dank für Eure Tipps, funktioniert in der Topnav einwandfrei. Ich will das aber auch im&nbsp;Mobilemenu haben und da beisse ich mir gerade die Zähne daran aus. Es funktioniert in der sidebar-categories.tpl nicht. Hat jemand ne idee?

LG
