# Unterkategorien mit Bild als Übersicht zeigen

**URL:** <https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [31. Juli 2013 um 17:18 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755 "2013-07-31T17:18:48Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![maximilian135](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@maximilian135](https://forum.shopware.com/u/maximilian135)\
**Post date:** [31. Juli 2013 um 17:18 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/1 "2013-07-31T17:18:48Z")

</div>

Hallo! Ich hoffe ich bin hier richtig. Ich suche eine Möglichkeit, folgendes zu realisieren: Ich lege Kategorien an, z.B. Damenmode. Da gibt es Unterkategorien wie z.B. Hosen, Blusen, Pullover, Schuhe, usw. Wenn ich nun im Shop auf „Damenmode“ klicke soll im Contentbereich eine Übersicht mit den Unterkategorien inkl. Bild erscheinen, in einem Raster. Klicke ich dann auf eine Box z.B. Schuhe, gelange ich zu den eigentlichen Artikeln. Das Standardverhalten ist ja so, wenn ich auf „Damenmode“ klicke, erscheinen die Unterkategorien zwar in der Navigation, im Contentbereich erhalte ich aber alle Artikel aus allen Unterkategorien aufgelistet. Ich hoffe Ihr versteht was ich meine und könnt mir weiterhelfen oder einen Tipp geben, wie ich das umsetze. Evtl. ist das nur eine Konfigurationssache, ich bin leider noch kein Shopware-Profi 🙂 MFG Maximilian

---

<div class="post-metadata">

**Author:** ![silberfischer](https://avatars.discourse-cdn.com/v4/letter/s/a5b964/32.png) [@silberfischer](https://forum.shopware.com/u/silberfischer)\
**Post date:** [31. Juli 2013 um 18:43 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/2 "2013-07-31T18:43:25Z")

</div>

Hallo Maximilian, meinst Du es in etwa so: [http://www.silberfischershop.com/Women/](http://www.silberfischershop.com/Women/) Wenn ja, dann regelst Du das über die Einkaufswelt in dem Du eine neue anlegst und Sie der entsprechenden Kategorie zuweist. Viele Grüße, André

---

<div class="post-metadata">

**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\
**Post date:** [31. Juli 2013 um 22:43 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/3 "2013-07-31T22:43:50Z")

</div>

hi, also in dem silberfischershop sehe ich das nicht. Du kannst das natürlich auch über die Einkaufswelten machen – ist aber wenig flexibel. Ich würde die Unterkategorien einfach im Contentbereich ausgeben und dann entsprechend mit CSS formatieren, fertig. Viele Grüße,

---

<div class="post-metadata">

**Author:** ![maximilian135](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@maximilian135](https://forum.shopware.com/u/maximilian135)\
**Post date:** [1. August 2013 um 07:27 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/4 "2013-08-01T07:27:17Z")

</div>

Hallo, danke schon mal für die Antworten. Ja, ich hätte vielleicht noch dazu schreiben sollen, dass das Ganze eigentlich automatisch sein soll, d.h. keine Einkaufswelten. Ich würde gerne für eine Kategorie ein Template hinterlegen, in welchem dann alle Unterkategorien in einem Raster angezeigt werden, und zwar mit dem Unterkategorie-Name und dem hinterlegten Bild (kann man bei den Kategorien ja einfügen). Wie kann ich denn die Unterkategorien und das dort hinterlegte Bild im Template ausgeben? Formatierung mit CSS ist nicht das Problem, sondern die Daten zu bekommen… Das ist, wo nach ich suche 🙂 Jemand eine Idee oder noch besser einen Code? 🙂

---

<div class="post-metadata">

**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\
**Post date:** [2. August 2013 um 17:22 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/5 "2013-08-02T17:22:20Z")

</div>

Hallo maximilian135, schau dir doch mal das Template vom advanced menu an. /frontend/plugins/advanced\_menu/advanced\_menu.tpl Das Plugin kannst du doch aktivieren und das Template dann entsprechend ändern. Viele Grüße,

---

<div class="post-metadata">

**Author:** ![maximilian135](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@maximilian135](https://forum.shopware.com/u/maximilian135)\
**Post date:** [3. August 2013 um 18:06 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/6 "2013-08-03T18:06:54Z")

</div>

Super Einfall! Nach ein paar Fehlversuchen dann mit Hilfe von Firebug/Firephp und dem Advanced\_Menu der Erfolg! Vielen Dank allen für die Hinweise 🙂

---

<div class="post-metadata">

**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\
**Post date:** [4. August 2013 um 20:50 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/7 "2013-08-04T20:50:21Z")

</div>

ich brauchte das zufällig auch gerade. Da ich aber nur 2 level habe, reichte mir folgender Code in meinem Listing-Template. Damit kann man dann das AdvancedMenu noch regulär nutzen. [code] {foreach from=$sCategories.$sCategoryCurrent.subcategories item=category}

{if !isset($category.media.path)} ![{s name=‘ListingBoxNoPicture’}{/s}]({link file=‘frontend/\_resources/images/no\_picture.jpg’}){/if} {if isset($category.media.path)} ![{$category.name}](){/if}

{$category.name}

{$category.attribute.attribute1}

{\* More informations button \*} {s name=‘DesignerBoxLinkDetails’}Anschauen{/s}

{/foreach} [/code] Viele Grüße,

---

<div class="post-metadata">

**Author:** ![maximilian135](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@maximilian135](https://forum.shopware.com/u/maximilian135)\
**Post date:** [5. August 2013 um 11:41 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/8 "2013-08-05T11:41:45Z")

</div>

[quote=„hbee“]ich brauchte das zufällig auch gerade. Da ich aber nur 2 level habe, reichte mir folgender Code in meinem Listing-Template. Damit kann man dann das AdvancedMenu noch regulär nutzen. [code] {foreach from=$sCategories.$sCategoryCurrent.subcategories item=category}

{if !isset($category.media.path)} ![{s name=‚ListingBoxNoPicture‘}{/s}]({link file=‚frontend/\_resources/images/no\_picture.jpg‘}){/if} {if isset($category.media.path)} ![{$category.name}](){/if}

{$category.name}

{$category.attribute.attribute1}

{\* More informations button \*} {s name=‚DesignerBoxLinkDetails‘}Anschauen{/s}

{/foreach} [/code] Viele Grüße,[/quote] Dein Code erzeugt bei mir keine Ausgabe :-/

---

<div class="post-metadata">

**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\
**Post date:** [5. August 2013 um 13:01 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/9 "2013-08-05T13:01:33Z")

</div>

[quote=„maximilian135“] Dein Code erzeugt bei mir keine Ausgabe :-/[/quote] wo hast du das denn eingefügt? also wenn ich das in einem Standard-Template in die frontend/listing/index.tpl innerhalb vom block ‚frontend\_index\_content‘ einfüge, werden mit die Kategoriebilder sowie der name und das attr1 ausgegeben. viele Grüße,

---

<div class="post-metadata">

**Author:** ![maximilian135](https://avatars.discourse-cdn.com/v4/letter/m/53a042/32.png) [@maximilian135](https://forum.shopware.com/u/maximilian135)\
**Post date:** [5. August 2013 um 13:02 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/10 "2013-08-05T13:02:58Z")

</div>

[quote=„hbee“][quote=„maximilian135“] Dein Code erzeugt bei mir keine Ausgabe :-/[/quote] wo hast du das denn eingefügt? also wenn ich das in einem Standard-Template in die frontend/listing/index.tpl innerhalb vom block ‚frontend\_index\_content‘ einfüge, werden mit die Kategoriebilder sowie der name und das attr1 ausgegeben. viele Grüße,[/quote] :shock: war mein Fehler! Der Code funktioniert! Danke, jetzt ist es auch unabhängig vom AdvancedMenu! 😃

---

<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:** [12. November 2013 um 14:47 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/11 "2013-11-12T14:47:40Z")

</div>

Ich greife das noch mal auf. Wenn ich mehr als 2 Level habe, quasi alle Level nutzen möchte, was müßte da noch in die Abfrage?

---

<div class="post-metadata">

**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\
**Post date:** [13. November 2013 um 10:04 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/12 "2013-11-13T10:04:53Z")

</div>

hi, für weitere Ebenen müsste dann noch einmal eine Schleife her: in etwa so (ungetestet): [code] {foreach from=$sCategories.$sCategoryCurrent.subcategories item=category}

{if !isset($category.media.path)} ![{s name=‘ListingBoxNoPicture’}{/s}]({link file=‘frontend/\_resources/images/no\_picture.jpg’}){/if} {if isset($category.media.path)} ![{$category.name}](){/if}

{$category.name}

{$category.attribute.attribute1}

{\* More informations button \*} {s name=‘DesignerBoxLinkDetails’}Anschauen{/s}

{foreach from=$$category.subcategories item=subcategory}  
{if !isset($subcategory.media.path)} ![{s name=‘ListingBoxNoPicture’}{/s}]({link file=‘frontend/\_resources/images/no\_picture.jpg’}){/if} {if isset($subcategory.media.path)} ![{$subcategory.name}](){/if}

{$subcategory.name}

{$subcategory.attribute.attribute1}

{\* More informations button \*} {s name=‘DesignerBoxLinkDetails’}Anschauen{/s}

{/foreach} {/foreach} [/code] Wenn es dann noch mehr Ebenen sein sollen, kann man eine Funktion Schreiben die dann in einer Schleife aufgerufen wird. So irr es ja auch in dem Advanced-Menü gemacht. Hier kann man sich den Code sehr gut ableiten.

---

<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:** [14. November 2013 um 11:38 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/13 "2013-11-14T11:38:54Z")

</div>

Kann es sein daß das Ganze nur mit einer Funktion zu lösen ist?

---

<div class="post-metadata">

**Author:** ![hth](https://avatars.discourse-cdn.com/v4/letter/h/b77776/32.png) [@hth](https://forum.shopware.com/u/hth)\
**Post date:** [14. November 2013 um 12:06 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/14 "2013-11-14T12:06:27Z")

</div>

[quote=„taaucher“]Kann es sein daß das Ganze nur mit einer Funktion zu lösen ist?[/quote] Wenn man über mehrdimensionale Arrays iterieren möchte und/oder die Anzahl der Ebenen auch nicht bekannt ist, dann sinnvollerweise immer über recursive Funktionsaufrufe.

---

<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:** [14. November 2013 um 12:31 UTC](https://forum.shopware.com/t/unterkategorien-mit-bild-als-ubersicht-zeigen/14755/15 "2013-11-14T12:31:23Z")

</div>

Das übersteigt jetzt doch meine Kenntnisse. Im 3.5er Shop hatte ich das im Listing so gelöst: [code]{function name=categories level=0} {assign var=“subcats” value=""} {foreach from=$categories item=category} {if $category.parent == $sCategoryCurrent} {assign var=“subcats” value=$subcats|cat:"["} {/if} {if $category.subcategories} {call name=categories categories=$category.subcategories level=$level+1} {/if} {/foreach} {if $subcats}

## {s name=‘ListingSubCategory’}{/s}

- {$subcats}

{/if} {/function}  
{call name=categories categories=$sCategories}  
[/code] Dies funktioniert in der 4er aber nicht mehr.]({$category.description}\</a)