Kategoriegruppen

:discourse2: Summary Category Groups allows you to assign categories to groups, which are then used to sort and collapse categories on the categories page.
:eyeglasses: Preview Preview on Discourse Theme Creator
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-category-groups-component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Features

:information_source: Important things to note:

  • This theme component only works with the site setting desktop category page style set to boxes with subcategories (as it replaces that category page template).

  • The category collapsing works using your browser’s local storage, so the collapsed state will not be remembered between different devices.

Settings

Name Description
category groups This is how the groups are configured. Format as: Group name: category-slug, extra-link-id, category-slug-2 (The category slug is the name of the category as it’s seen in URLs. Usually all lowercase with no spaces)
extra links Extra links that can be mixed into category list. Add link ID in category_groups setting to render
show on mobile Show the collapsible category box groups on mobile
show ungrouped Display a group of categories that aren’t assigned to another group
fancy styling Turn on additional styling (These are some custom styles added. They stray from our defaults, so if you’re working on your own theme you may want to disable this)
hide muted subcategories When enabled, a non-muted parent category will not appear under the muted section if it has a muted subcategory
Theme Translations Default
ungrouped_categories_title Other

:discourse2: Hosted by us? Theme components are available to use on our Pro, Business and Enterprise plans.

Last edited by @tobiaseigen 2025-06-24T03:16:42Z

Check documentPerform check on document:
53 „Gefällt mir“

Ich habe gerade einen Refactor dieser Komponente zusammengeführt. Die Funktionalität sollte insgesamt gleich bleiben, mit einigen Fehlerbehebungen.

Im Hintergrund verwendet dies ein modernisiertes Ember und eliminiert Template-Überschreibungen, was bei Discourse-Anpassungen etwas fehleranfällig sein kann.

Dies sollte jetzt behoben sein.

Dies ist jetzt behoben, die Gruppen werden nicht mehr auf die Unterkategorie-Layouts angewendet.

Ich habe dies aktualisiert, sodass Kategorie-Logos jetzt viel normaler dimensioniert sein sollten.

6 „Gefällt mir“

Ist es möglich, Unterkategorien für eine bestimmte Kategorie nicht anzuzeigen? Wir haben eine Kategorie, die auf eine bestimmte Weise mit verschachtelten Unterkategorien organisiert ist, und das führt dazu, dass die Box ziemlich groß wird.

2 „Gefällt mir“

Versuchen Sie es vielleicht mit dem Category Hider in Theme component

2 „Gefällt mir“

Können Sie mir sagen, ob es möglich ist, die Kategorien gruppierungen auf die Seitenleiste anzuwenden? Wenn nicht, würde ich dies als Funktionsanfrage einreichen. Danke!

1 „Gefällt mir“


Auf meiner Website gibt es ein Problem, Unterkategorien haben keinen Abstand zwischen sich.

2 „Gefällt mir“

Danke für die Meldung, ein Update sollte es jetzt beheben (behoben in UX: include gap for subcategories by awesomerobot · Pull Request #19 · discourse/discourse-category-groups-component · GitHub).

2 „Gefällt mir“

Das ist nicht möglich, die Seitenleiste würde eine größere Änderung in Discourse erfordern, um dies zu ermöglichen (Anfrage notiert!)

2 „Gefällt mir“

Es wäre großartig, wenn diese Gruppierung vom Benutzer angepasst werden könnte, einige Leute in unserer Community wollten das.

Ja, das braucht ein Plugin, aber eine gute Idee, denke ich

Gibt es eine Idee, warum die Kategoriebreite so schmal ist? Gibt es eine Möglichkeit, dies zu beheben?

2 „Gefällt mir“

Ist das im Mint-Theme? Ich habe gerade ein kleines Update vorgenommen, das es beheben sollte – es gab einen leichten Konflikt zwischen dem CSS dieses Themes und dieser Komponente.

3 „Gefällt mir“

Ja, es war die Minze, danke

2 „Gefällt mir“

Wie kann ich verhindern, dass die Boxen mit der Kategoriefarbe umrandet werden? Ich habe versucht, sie zu forken, CSS hinzuzufügen und auch den <li>-Stil in categories-groups.hbs zu ändern.

(Beachten Sie, dass ich ein Laie bin, kein ausgebildeter Entwickler)

3 „Gefällt mir“

Sie können Ihrer Vorlage ein wenig CSS hinzufügen, um die bunten Ränder zu entfernen:

.category-boxes .category-box {
  border-left: 2px solid var(--primary-low) !important;
}

oder wenn Sie die Einstellung “fancy styling” aktiviert haben:

.custom-categories-groups .category-box {
    border: 2px solid var(--primary-low) !important;
}

1 „Gefällt mir“

Danke Kris,

Es scheint, als hätte ich ein größeres Problem. Aus irgendeinem Grund erkennt das Theme-Komponente die Änderungen überhaupt nicht, wenn ich versuche, sie zu aktualisieren. Mein CSS war also gut, es wurde nur nicht geladen. Nichts für diesen Thread, ich werde mich umsehen, ob ich etwas Dummes mache.

1 „Gefällt mir“

Wäre es möglich, die schicken Styling-Boxen mit einem neuesten Abschnitt unterhalb der Kategorien zu haben? Im Wesentlichen möchte ich dasselbe tun, was die Komponente „Modern Categories + Group Boxes“ im Air Theme tut. Sie können Kategorien mit neuesten für die Desktop-Ansicht auswählen und die neuesten werden unterhalb der Kategorien angezeigt.

Ich versuche, meine eigene Version von CSS zu bearbeiten, aber ich bin kein Experte. Wäre das einfach zu machen oder könnte es außerhalb meiner Fähigkeiten liegen?

1 „Gefällt mir“

Ich habe diesen Anwendungsfall, bei dem wir viele aktivierte Kategorien und Unterkategorien haben, die die Landingpage sehr überladen und es dem Benutzer erschweren, das zu finden, was ihn interessiert.

Aus diesem Grund möchten wir die Landingpage der Kategoriegruppen so anpassen, dass sie für Benutzer in bestimmten Interessengebieten (über die Benutzergruppen) gezielter ist.

Daher schlage ich vor, für jede Kategoriegruppe eine Sichtbarkeitsoption hinzuzufügen. Wenn diese definiert ist, wird die Kategoriegruppe nur für die Benutzergruppen sichtbar gemacht, die in ihren Einstellungen aktiviert sind.

Ich habe einen Pull-Request erstellt, um zu demonstrieren, was ich damit meine. Bitte lassen Sie mich wissen, was Sie von dieser Option halten. Würden Sie sie verwenden? Trifft sie auf Ihre Discourse-Website zu?

p.s. Diese vorgeschlagene neue Option sollte nicht als alternative Zugriffskontrolle betrachtet werden. Sie steuert lediglich, welche Kategoriegruppen für den angemeldeten Benutzer basierend auf seiner Gruppenzugehörigkeit sichtbar sind. Die bestehenden Berechtigungen bleiben weiterhin in Kraft.

1 „Gefällt mir“

Scheint nach den neuesten Discourse-Updates nicht mehr angezeigt zu werden. Möglicherweise ist ein Update für dieses TC erforderlich, damit es funktioniert.

Ich frage mich, warum dieser Stil nicht mit der Option für Standardkategorien auf Mobilgeräten aktiviert wird?

Sie sehen mit der Komponente wunderbar aus!