Mehrere Personen haben gefragt, wie die Unterkategorien auf der Kategorienseite angezeigt werden können. Es geht hier um die Komponente Modern Category + Group Boxes, aber da sie (noch?) kein eigenes Thema hat, teile ich meine Erkenntnisse hier:
Das funktioniert:
/* Zeigt Unterkategorien an */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories {
display: inline-flex;
flex-flow: wrap;
}
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategory {
display: inline-flex;
align-items: baseline;
margin-right: .3em;
}
/* Entfernt die Kategoriebilder aus der Liste */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
display: none;
}
Außerdem, wenn Sie viele Unterkategorien haben, möchten Sie vielleicht eine Kategorie pro Zeile anzeigen.
/* Eine Kategorie pro Zeile */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
grid-template-columns: 1fr;
}
Das Ergebnis sieht so aus:
Ich denke, die Boxen haben eine Höhenbeschränkung, aber ich habe noch keinen Weg gefunden, diese zu entfernen. Wir haben noch nicht genügend Unterkategorien, um das Problem auf dem Desktop zu sehen, aber auf dem Handy stoßen wir an die Grenze:
Irgendwelche Ideen, um dieses Problem zu lösen?