Unterkategorien auf Seite statt im Menü anzeigen

Shopware 6 (German) Sonstiges
1

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

 

 

 

2

Würde mich auch interessieren…

3

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

LG Aaron

4

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

{% 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 %}