# Unterkategorien auf Seite statt im Menü anzeigen

**URL:** <https://forum.shopware.com/t/unterkategorien-auf-seite-statt-im-menu-anzeigen/67775>\
**Category:** Sonstiges\
**Created:** [18. Juni 2020 um 14:18 UTC](https://forum.shopware.com/t/unterkategorien-auf-seite-statt-im-menu-anzeigen/67775 "2020-06-18T14:18:46Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Stebi](https://avatars.discourse-cdn.com/v4/letter/s/bbce88/32.png) [@Stebi](https://forum.shopware.com/u/Stebi)\
**Post date:** [18. Juni 2020 um 14:18 UTC](https://forum.shopware.com/t/unterkategorien-auf-seite-statt-im-menu-anzeigen/67775/1 "2020-06-18T14:18:46Z")

</div>

Hallo ins Forum,

meine letzten Erfahrungen mit shopware liegen Jahre zurück und ich steige nun wieder neu mit der Version 6 ein und hänge gleich schon bei den Kategorien.

Ich habe einen Kategoriebaum bis in die fünfte Ebene und das scheint mir nicht wirklich benutzerfreundlich. Daher möchte ich dass der Benutzer eher über Seiten weiter navigiert, als über’s Menü. Ab der zweiten Ebene würde ich gerne die Unterkategorien (schön mit Bild) auf einer Seite anzeigen, weiß aber nicht wie ich das realisieren kann. Es gibt im Layout ja die Kategorieseiten, soweit ich aber gesehen habe zeigen die nur Produkte einer gewählten Kategorie und keine Kategorieübersicht.

Gibt es eine Möglichkeit Unterkategorien einer im Menü gewählten Hauptkategorie auf einer “Inhaltsseite” anzeigen zu lassen?

Vielen Dank für n Tipp und Gruß  
Stefanie

&nbsp;

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![DanielZiehfreund](https://avatars.discourse-cdn.com/v4/letter/d/c5a1d2/32.png) [@DanielZiehfreund](https://forum.shopware.com/u/DanielZiehfreund)\
**Post date:** [6. Oktober 2020 um 15:25 UTC](https://forum.shopware.com/t/unterkategorien-auf-seite-statt-im-menu-anzeigen/67775/2 "2020-10-06T15:25:08Z")

</div>

Würde mich auch interessieren…

---

<div class="post-metadata">

**Author:** ![Aaron\_Schaarschmidt](https://avatars.discourse-cdn.com/v4/letter/a/ccd318/32.png) [@Aaron\_Schaarschmidt](https://forum.shopware.com/u/Aaron_Schaarschmidt)\
**Post date:** [8. Oktober 2020 um 12:46 UTC](https://forum.shopware.com/t/unterkategorien-auf-seite-statt-im-menu-anzeigen/67775/3 "2020-10-08T12:46:48Z")

</div>

Hey Daniel,

den gleichen Wunsch hatte ein Fragensteller hier schon, da habe ich auch zu geantwortet, vllt hilft dir das weiter?

[https://forum.shopware.com/discussion/71620/wie-kann-man-die-kategorien-mit-anzeigen-lassen#latest](https://forum.shopware.com/discussion/71620/wie-kann-man-die-kategorien-mit-anzeigen-lassen#latest)

LG Aaron

---

<div class="post-metadata">

**Author:** ![11shop](https://avatars.discourse-cdn.com/v4/letter/1/90ced4/32.png) [@11shop](https://forum.shopware.com/u/11shop)\
**Post date:** [8. März 2024 um 13:03 UTC](https://forum.shopware.com/t/unterkategorien-auf-seite-statt-im-menu-anzeigen/67775/4 "2024-03-08T13:03:25Z")

</div>

@Stebi Du kannst bei cms-element-category-navigation.html.twig folgendes machen mit CSS Abfrage oder so:

```auto
{% if 'kategorie-kachel-css' in blockClasses %}
<div class="cms-element-{{ element.type }}">
	{% set navigationResult1 = page.header.navigation.tree %}
	{% set activeResult1 = page.header.navigation.active %}
	<div class="category-navigation-box">

		{% set allids = page.header.navigation.tree %}
		{% set activid = page.header.navigation.active.id %}

		{% if allids[activid] is defined %}

		<div class="container">
		{% for catgroup in allids[activid].children|batch(3) %}
			<div class="row mb-4">
				{% for subcategory in catgroup %}
					{% set subcatid = subcategory.category.id %}
					{% set media = subcategory.category.media.url %}
					<div class="col-lg-4">
						<div class="h-100 d-flex flex-column {% if not subcategory.category.media.url %}bg-secondary{% endif %} text-center align-items-center">
							<a class="item-subcat" href="{{ seoUrl('frontend.navigation.page', { navigationId: subcatid}) }}">
								{% if subcategory.category.media.url %}
									<img width="200" height="200" src="{{ media }}" alt="{{ subcategory.category.name }}">
								{% endif %}
								<h2 class="text-gallery m-0 p-2">{{ subcategory.category.name }}</h2>
							</a>
						</div>
					</div>
				{% endfor %}
			</div>
		{% endfor %}
	</div>
	
	

		{% endif %}
	</div>
</div>

{% else %}
<div class="cms-element-{{ element.type }}">
	{% set navigationResult1 = page.header.navigation.tree %}
	{% set activeResult1 = page.header.navigation.active %}
	<div class="category-navigation-box">
		{% sw_include '@Storefront/storefront/layout/sidebar/category-navigation.html.twig' with {
            navigationTree: page.header.navigation.tree,
            activeResult: page.header.navigation.active
        } only %}
	</div>
</div>
{% endif %}

```