Eingerückte / verschachtelte Sidebar-Kategorien oder Unterkategorien

| | | |\n|— | — | —|\n|:information_source: | Zusammenfassung | Einrücken / Verschachteln ausgewählter Kategorien oder Unterkategorien in der Seitenleiste|\n|:hammer_and_wrench: | Repository | https://github.com/Lillinator/discourse-nested-categories|\n|:eyeglasses: | Vorschau | Vorschau im Discourse Theme Creator|\n|:question: | Installationsanleitung | So installieren Sie ein Theme oder eine Theme-Komponente|\n|:open_book: | Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes|\n\n\u003c!-- Füllen Sie "repoName" und "repoURL" für die automatische Installationsschaltfläche aus –\u003e\n\n[wrap=theme-install-button repoName="Discourse Nested Categories" repoUrl="https://github.com/Lillinator/discourse-nested-categories\"]\nInstallieren Sie diese Theme-Komponente\n[/wrap]\n\n\u003c!-- Beschreiben Sie dieses Theme/diese Komponente in ein oder zwei Sätzen –\u003e\n\nEs gibt zwei Möglichkeiten, diese einfache Theme-Komponente zu verwenden – um Kategorien oder Unterkategorien in der Seitenleiste einzurücken (oder zu verschachteln) oder um alle Kategorien bis auf eine ausgewählte Liste einzurücken. Die meisten Leute möchten natürlich nur Unterkategorien einrücken, damit sie verschachtelt aussehen, aber Sie können jede Ihrer aufgelisteten Kategorien einrücken. Funktioniert sowohl in der Desktop- als auch in der Mobilansicht sowie im Dropdown-Menü der Kopfzeile. Dank @dax für einige des Codes.\n\n\u003c!-- Fügen Sie Screenshots hinzu (falls zutreffend) –\u003e\n\nEs gibt 3 Einstellungen – verwenden Sie nur die erste oder die zweite und dritte Einstellung, je nachdem, was Sie tun müssen.\n\n|Einstellung| Beschreibung |\n|— | —|\n|nur ausgewählte Kategorien einrücken | Liste der ausgewählten Kategorien oder Unterkategorien, die eingerückt werden sollen. |\n|alle Kategorien außer den folgenden einrücken | Aktivieren Sie diese Einstellung, wenn Sie alle Kategorien außer denen in der folgenden Liste einrücken möchten. Die obige Listen-Einstellung muss leer sein.|\n| nicht einzurückende Kategorien | nicht einzurückende Kategorien |\n\n***\n\n### Screenshots von Einstellungen und Ergebnissen in der Seitenleiste\n\nNur ausgewählte Kategorien einrücken\n\n[details="Zusammenfassung"]\nEinstellung:\n

\n\nErgebnis:\n\n[/details]\n\n\n\u003cbr\u003e\n\n[details="Alle Kategorien außer den angegebenen einrücken"]\nEinstellungen:\n\n\n\nErgebnis:\n\n[/details]\n\n***\n\nHinweis: Wenn Sie das Schlosssymbol auf den Kategorie-Aufzählungszeichen für private Kategorien wie in meinen obigen Screenshots ausblenden möchten, können Sie diese Komponente verwenden.

28 „Gefällt mir“

Ja!!! Das ist ein Schritt in Richtung der endgültigen Nutzung der Seitenleiste!

3 „Gefällt mir“

Gute Arbeit, @Lilly!

Es erfüllt jedoch nicht ganz die Anforderungen meiner Instanz. Ich habe viele Unterkategorien und nur wenige Kategorien – und die Unterkategorien sind ziemlich dynamisch.

Für unsere Instanz wäre es besser, wenn alle Kategorien + Unterkategorien standardmäßig eingerückt wären und die Liste für die Kategorien wäre, die nicht eingerückt werden sollen.

3 „Gefällt mir“

Hmmm, lass mich darüber nachdenken – ich verstehe, was du meinst. Lass mich ein wenig daran herumprobieren, aber ich werde deinen Anwendungsfall auf jeden Fall berücksichtigen (mit einer separaten Komponente oder ein paar zusätzlichen Einstellungen). Ich habe auch darüber nachgedacht, eine Einstellung einzubauen, die das Formatieren oder Ausblenden der Unterkategorie-Aufzählungszeichen ermöglicht. :thinking:

5 „Gefällt mir“

Ich habe die Komponente aktualisiert, um eingerückte Kategorien auf die entgegengesetzte Weise zu konfigurieren – das heißt, alle außer einer Auswahlliste einzurücken. Ich hoffe, das hilft Ihrem Anwendungsfall. :slight_smile:

6 „Gefällt mir“

Das sieht in unserer Community großartig aus, vielen Dank dafür!

2 „Gefällt mir“

Bitte aktualisieren Sie diese Komponente. Ich habe heute ein kleines Update dafür vorgenommen, um ein Problem zu beheben, bei dem die Schaltfläche „Alle Kategorien“ ebenfalls eingerückt wurde, wenn die Einstellung „Alle Kategorien außer den folgenden einrücken“ verwendet wurde.

4 „Gefällt mir“

Hallo Lilly, ich genieße die Nutzung dieses TC – in beide Richtungen!

Aber ich habe eine dumme Frage:

Warum nicht einfach diese Komponente standardmäßig alle Unterkategorien (aber keine Kategorien) einrücken lassen?

Tolle Arbeit @Lilly!

Gibt es eine Möglichkeit, dies so anzupassen, dass es auch mit Unter-Unter-Kategorien funktioniert?

Es gäbe also 2 Ebenen der Einrückung.

Zum Beispiel:
Wir haben die Kategorie Lernen mit den Unterkategorien (Lernwerkzeuge & Anleitungen), die Unter-Unter-Kategorien Spiele & Best Practices.
(Lernen - Lernwerkzeuge - Spiele) & (Lernen - Anleitungen - Best Practices)

Es wäre toll, wenn wir Spiele und Best Practices so verschachteln könnten.

2 „Gefällt mir“

Wirkt das nicht unruhig?

1 „Gefällt mir“

Hallo @Jagster,
Ich bin mir nicht sicher, was Sie damit meinen. Entschuldigung :frowning:

Augen werden sich wundern, da nichts in geraden Linien ist. Deshalb versuchen wir, Abstände usw. in Texten, Symbolleisten usw. so gleich wie möglich zu halten. Und gleichzeitig ändern sich auch Symbole und Farben. Das Symbol der Hauptkategorie hat einen gewissen Informationswert, andere nicht. Das erleichtert die Navigation nicht, sondern erschwert sie. Und all das sind im Grunde die Hauptgründe, warum tiefe Verschachtelung eine schlechte Idee ist, egal ob wir über Bücher oder das Web sprechen. Außerdem verlieren Sie wertvollen Platz und die Namen der Kategorien sind keine Namen mehr.

Und wenn Sie wirklich so viele spezifische Themen haben, dass Sie mehrere Hauptkategorien und mindestens ebenso viele Unterkategorien verwenden müssen, weil Sie viele Unter-Unterkategorien haben (und die Haupt- und Unterkategorien der ersten Ebene die ganze Zeit nur Überschriften sind, die andere Kategorien anzeigen), führt dies zu einer so langen Seitenleiste, dass absolut niemand sie benutzen würde.

Ich hasse es, das laut auszusprechen, aber das sieht genauso aus wie CSS-Snippets, bei denen Einrückungen verwendet werden, um die logische Struktur von { } Paaren anzuzeigen. Es ist nie zum Lesen gedacht.

2 „Gefällt mir“

Vielen Dank, dass Sie Ihre Gedanken hier @Jagster ausgeführt haben. Ich schätze Ihr Feedback wirklich.

Sie bringen viele großartige Punkte an, insbesondere bezüglich der Vermeidung einer übermäßig langen Seitenleiste und dass die Farben und Symbole nicht zusammenpassen.

Ich wünschte, ich könnte die verschachtelten Kategorien wie ein Akkordeon erweitern, dann hätten wir das Beste aus beiden Welten, eine kurze Seitenleiste, aber auch eine schnelle Navigation durch die Website.

1 „Gefällt mir“

Ich würde empfehlen, dieses Thema zu lesen, insbesondere die Beiträge über das Wix-Forum und seine Kategorien-Einfachheit.

Beachten Sie auch, dass Ihre Benutzer ihre eigenen Seitenleistenabschnitte für Kategorien anpassen können.

Ehrlich gesagt, ich sehe nicht, wie Unter-Unter-Kategorien hier mit Verschachtelung funktionieren würden – ich glaube, das würde ein ziemliches Durcheinander verursachen. Ich bin mir nicht einmal sicher, ob dies in diese Komponente integriert werden kann…

6 „Gefällt mir“

Ich habe dies gerade auf meiner Instanz installiert und keine meiner Unterkategorien wird eingerückt…
Zumindest dachte ich das. Ich habe es so eingestellt, dass alles außer ausgewählten eingerückt wird, und die Liste leer gelassen.
Ich habe zuerst nicht bemerkt, dass alles eingerückt wurde, einschließlich der Kategorien.
Gibt es eine Möglichkeit, dies mit einer Option zu aktualisieren, um einfach “alle Unterkategorien einrücken” zu können? Sie können eine Ausschlussliste hinzufügen, wenn Sie möchten, aber in meinem Anwendungsfall möchte ich immer, dass Unterkategorien eingerückt werden und niemals Kategorien.

Für Ihren Anwendungsfall, warum nicht einfach die Kategorien in das Feld Kategorien nicht einrücken einfügen?

Ich stimme zu, es wäre schöner, Unterkategorien einfach einzurücken. Zum Zeitpunkt, als @Lilly diese TC entwickelte, war dies jedoch ziemlich schwierig zu erreichen. Persönlich finde ich die obige Lösung sehr praktikabel, es sei denn, Ihre Kategorien sind ungewöhnlich dynamisch.

Während ich hier bin…

Funktionsanfrage - erweiterbare / einklappbare Unterkategorien

Dies wird hier diskutiert:

Ich frage mich, ob es als Erweiterung dieser Theme Component funktionieren würde.

Wir könnten möglicherweise ein Budget dafür bereitstellen, wenn jemand daran interessiert ist, sich zusammenzuschließen.

1 „Gefällt mir“

Nebenbei bemerkt, ich habe das JavaScript gefunden, das ich hinzugefügt habe (ich musste noch einige weitere Anpassungen vornehmen, die ich teilen kann), funktioniert als Übergangslösung, insofern, als dass es im Wesentlichen nur Unterkategorien zusammenfaltet, wenn die Seite lädt, und dem Benutzer ermöglicht, diese zu erweitern oder Eltern durch Einfügen eines Pfeilsymbols zu besuchen. Das einzige Problem ist, dass einige Interaktionen die Navigation vollständig neu schreiben, so dass das JavaScript seine Klassen erneut anpassen muss, um die Unterkategorien zusammengeklappt zu halten (zum Beispiel bei Interaktion mit dem Hamburger-Menü oben oder auf Mobilgeräten).

Sicher, das mache ich. Ich habe es nur nicht sofort „verstanden“.
Es ist nur gerade eine Qual, während ich eine neue Website erstelle, da ich ständig Kategorien und Unterkategorien hinzufüge. Sobald die Entwicklung abgeschlossen ist, wird alles ziemlich statisch sein.

1 „Gefällt mir“