Categorie o Sottocategorie del menu laterale indentate/nestati

| | | |\n|— | — | —|\n|:information_source: | Riepilogo | Indenta / annida categorie o sottocategorie selezionate nella barra laterale|\n|:hammer_and_wrench: | Repository | https://github.com/Lillinator/discourse-nested-categories|\n|: eyeglasses: | Anteprima | Anteprima su Discourse Theme Creator|\n|:question: | Guida all’installazione | Come installare un tema o un componente del tema|\n|:open_book: | Nuovo ai temi di Discourse? | Guida per principianti all’uso dei temi di Discourse|\n\n\u003c!-- Compila "repoName" e "repoURL" per il pulsante di installazione automatica –\u003e\n\n[wrap=theme-install-button repoName="Discourse Nested Categories" repoUrl="https://github.com/Lillinator/discourse-nested-categories\"]\nInstalla questo componente del tema\n[/wrap]\n\n\u003c!-- Descrivi questo tema/componente in una o due frasi –\u003e\n\nCi sono due modi per utilizzare questo semplice componente del tema: per selezionare categorie o sottocategorie da indentare (o annidare) nella barra laterale; o per consentire l’indentazione di tutte tranne un elenco selezionato di categorie. La maggior parte delle persone vorrà indentare solo le sottocategorie, ovviamente, per farle apparire annidate, ma puoi indentare qualsiasi delle tue categorie elencate. Funziona sia in visualizzazione desktop che mobile, nonché nel menu a discesa dell’intestazione. Grazie a @dax per parte del codice.\n\n\u003c!-- Aggiungi screenshot (se applicabile) –\u003e\n\nCi sono 3 impostazioni: usa solo la prima, o la seconda e la terza, a seconda di ciò che devi fare.\n\n|Impostazione| Descrizione |\n|— | —|\n|indenta solo categorie selezionate | Elenco di categorie o sottocategorie selezionate da indentare. |\n|indenta tutte le categorie tranne le seguenti | Abilita questa impostazione se vuoi indentare tutte le categorie tranne quelle nell’impostazione dell’elenco sottostante. L’impostazione dell’elenco sopra deve essere vuota.|\n| categorie da non indentare | categorie da non indentare |\n\n***\n\n### Screenshot delle impostazioni e dei risultati nella barra laterale\n\nIndenta solo le categorie selezionate\n\n[details="Riepilogo"]\nImpostazione:\n

\n\nRisultato:\n\n[/details]\n\n\n\u003cbr\u003e\n\n[details="Indenta tutte le categorie tranne quelle specificate"]\nImpostazioni:\n\n\n\nRisultato:\n\n[/details]\n\n***\n\nNota: se vuoi nascondere l’icona del lucchetto sui punti delle categorie per le categorie private come nei miei screenshot sopra, puoi usare questo componente.

28 Mi Piace

Sì!!! Questo è un passo avanti per poter finalmente usare la barra laterale!

3 Mi Piace

Bel lavoro, @Lilly!

Tuttavia, non soddisfa del tutto le esigenze della mia istanza. Ho molte sottocategorie e poche categorie, e le sottocategorie sono piuttosto dinamiche.

Sarebbe meglio per la nostra istanza se tutte le categorie e sottocategorie fossero indentate per impostazione predefinita e l’elenco fosse per le categorie che non dovrebbero essere indentate.

3 Mi Piace

Mmm, fammi pensare - capisco cosa intendi. Fammi armeggiare un po’, ma affronterò il tuo caso d’uso in ogni caso (con un componente separato o un paio di impostazioni aggiuntive). Stavo anche pensando di includere un’impostazione che consentisse la formattazione o l’occultamento dei punti elenco della sottocategoria. :thinking:

5 Mi Piace

Ho aggiornato il componente per consentire la configurazione delle categorie indentate nel modo opposto, ovvero indentando tutte tranne un elenco selezionato. Spero che questo aiuti il tuo caso d’uso. :slight_smile:

6 Mi Piace

Questo sta andando alla grande nella nostra community, grazie mille!

2 Mi Piace

Aggiorna questo componente. Ho apportato un piccolo aggiornamento oggi per correggere un problema in cui anche il pulsante “Tutte le categorie” veniva indentato se veniva utilizzata l’impostazione indent all categories except the following.

4 Mi Piace

Ciao Lilly, mi sto divertendo a usare questo TC - in entrambi i modi!

Ma ho una domanda stupida:

Perché non rendere semplicemente questo componente indentato di tutte le sottocategorie (e nessuna categoria) per impostazione predefinita?

Ottimo lavoro @Lilly!

C’è un modo per adattarlo in modo che funzioni anche con le Sotto-Sotto-Categorie?

Quindi ci sarebbero 2 livelli di rientro disponibili.

Ad esempio:
Abbiamo la categoria Apprendimento, con le Sotto-Categorie (Strumenti di apprendimento e Guide), le Sotto-Sotto-Categorie di Giochi e Migliori pratiche.
(Apprendimento - strumenti di apprendimento - giochi) e (Apprendimento - Guide - Migliori pratiche)

Sarebbe fantastico se potessimo annidare giochi e migliori pratiche in questo modo.

2 Mi Piace

Non sembra irrequieto?

1 Mi Piace

Ciao @Jagster,
Non sono sicuro di cosa intendi. Scusa :frowning:

Gli occhi si confonderanno perché nulla è in linee rette. Ecco perché cerchiamo di mantenere spaziature, ecc. il più possibile uguali nei testi, nelle barre degli strumenti… E allo stesso tempo cambiano anche icone e colori. L’icona della categoria principale ha un certo valore informativo, le altre no. Ciò non facilita la navigazione, ma al contrario. E tutto questo è fondamentalmente il motivo principale per cui l’annidamento profondo è una cattiva idea, non importa se stiamo parlando di libri o del web. Inoltre, perdi spazio prezioso e i nomi delle categorie non sono più nomi.

E se hai davvero una tale quantità di argomenti specifici che devi usare diverse categorie principali e almeno la stessa quantità di sottocategorie, perché hai molte sottosottocategorie (e tutto il tempo le principali e le sottocategorie di primo livello sono solo intestazioni che mostrano altre categorie), ciò porterà a una barra laterale così lunga che non ci sarà assolutamente nessuno che la userà.

Odio dirlo ad alta voce, ma questo sembra esattamente come gli snippet CSS in cui le indentazioni vengono utilizzate per mostrare la struttura logica delle coppie { }. Non è mai pensato per la lettura.

2 Mi Piace

Grazie per aver elaborato i tuoi pensieri qui @Jagster. Apprezzo molto il tuo feedback.

Fai molti ottimi punti, specialmente sul non creare una barra laterale eccessivamente lunga e sul fatto che i colori e le icone non si armonizzino.

Vorrei poter espandere le categorie nidificate come un fisarmonica, così potremmo avere il meglio di entrambi i mondi, una barra laterale corta, ma anche una rapida navigazione attraverso il sito.

1 Mi Piace

Ti consiglierei di leggere questo argomento, specialmente i post su Wix forum e la sua semplicità di categoria.

Tieni anche presente che i tuoi utenti possono personalizzare le proprie sezioni della barra laterale delle categorie.

Onestamente, non vedo come le sottocategorie potrebbero funzionare qui con l’annidamento: penso che creerebbe un po’ di disordine visivo. Non sono nemmeno sicuro se sia possibile integrarlo in questo componente…

6 Mi Piace

Ho appena installato questo sulla mia istanza e nessuna delle mie sottocategorie si sta indentando…
Almeno, questo è quello che pensavo. L’ho impostato per indentare tutto tranne quelle scelte e ho lasciato la lista vuota.
All’inizio non mi ero reso conto che stesse indentando tutto, comprese le categorie.
C’è un modo per aggiornare questo con una casella per semplicemente “indentare tutte le sottocategorie”? Puoi aggiungere una lista di esclusione se vuoi, ma nel mio caso d’uso, voglio sempre che le sottocategorie siano indentate e mai le categorie.

Per il tuo caso d’uso, perché non inserire semplicemente le categorie nella casella Categories not to indent?

Sono d’accordo, sarebbe più bello semplicemente indentare le sottocategorie. Tuttavia, all’epoca, @Lilly ha sviluppato questo TC che era piuttosto complicato da realizzare. Personalmente, trovo la soluzione di cui sopra molto praticabile a meno che le tue categorie non siano insolitamente dinamiche.

Mentre ci sono…

Richiesta di funzionalità - sottocategorie espandibili / comprimibili

Se ne discute qui:

Mi chiedo se potrebbe funzionare come estensione di questo Componente Tematico.

Potremmo potenzialmente avere un budget da destinare a questo se qualcuno fosse interessato a unire le forze.

1 Mi Piace

Come una parentesi, ho scoperto che il JS che ho aggiunto (dovrò condividere alcune modifiche che ho fatto) funziona come soluzione temporanea, nel senso che essenzialmente lega le sottocategorie quando la pagina viene caricata e permette all’utente di espandere o visitare i genitori inserendo un chevron. L’unico problema è che alcune interazioni riscrivono completamente la navigazione, quindi il JS deve riapplicare le sue classi per mantenere le sottocategorie raccolte (ad esempio interagendo con il menu hamburger in alto o su mobile).

Certamente, è quello che sto facendo. Semplicemente non l’avevo capito subito.
È solo un problema al momento mentre sto costruendo un nuovo sito poiché continuo ad aggiungere categorie e sottocategorie. Una volta terminato lo sviluppo, le cose saranno praticamente statiche.

1 Mi Piace