Gruppi di categorie

: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 Mi Piace

Ho appena unito un refactor di questo componente. La funzionalità dovrebbe rimanere la stessa nel complesso, con alcune correzioni di bug.

Dietro le quinte, questo utilizza un Ember modernizzato ed elimina le sovrascritture dei template, che possono essere un po’ fragili per quanto riguarda le personalizzazioni di Discourse.

Questo dovrebbe essere risolto ora

Questo è risolto ora, i gruppi non si applicheranno più ai layout delle sottocategorie

Ho aggiornato questo, quindi i loghi delle categorie dovrebbero ora avere dimensioni molto più normali

6 Mi Piace

È possibile non mostrare le sottocategorie per una particolare categoria? Abbiamo una categoria organizzata in un modo particolare con sottocategorie nidificate e questo sta rendendo il box piuttosto grande.

2 Mi Piace

Prova magari il Category Hider in Theme component

2 Mi Piace

È possibile applicare i raggruppamenti di categorie alla barra laterale? In caso contrario, vorrei segnalarlo come richiesta di funzionalità. Grazie!

1 Mi Piace


C’è un problema sul mio sito web, le sottocategorie non hanno spazio tra loro.

2 Mi Piace

Grazie per la segnalazione, un aggiornamento dovrebbe risolvere il problema ora (corretto in UX: include gap for subcategories by awesomerobot · Pull Request #19 · discourse/discourse-category-groups-component · GitHub).

2 Mi Piace

Non è possibile, la barra laterale richiederebbe una modifica più importante in Discourse per consentirlo (richiesta annotata!)

2 Mi Piace

Sarebbe fantastico se questo raggruppamento fosse personalizzabile dall’utente, alcuni membri della nostra community lo desideravano.

Sì, questo necessita di un plugin, ma penso sia una buona idea

Hai qualche idea sul motivo per cui la larghezza della categoria è così stretta? C’è un modo per risolvere questo problema?

2 Mi Piace

è questo nel tema Mint? Ho appena apportato una piccola modifica che dovrebbe risolvere il problema: c’era un leggero conflitto tra il CSS di quel tema e questo componente.

3 Mi Piace

Sì, era la menta, grazie

2 Mi Piace

Come posso evitare che le caselle vengano delineate con il colore della categoria? Ho provato a fare un fork, aggiungere CSS e anche a modificare lo stile <li> in categories-groups.hbs

(Nota che sono un dilettante, non uno sviluppatore formato)

3 Mi Piace

Puoi aggiungere un po’ di CSS al tuo tema per rimuovere i bordi colorati:

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

o se hai attivata l’impostazione “fancy styling”:

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

1 Mi Piace

Grazie Kris,

Sembra che stia avendo un problema più grande. Per qualche motivo, ogni volta che provo ad aggiornare il componente Theme, non rileva affatto le modifiche. Quindi il mio css andava bene, semplicemente non veniva caricato. Non è qualcosa per questo thread, cercherò per vedere se c’è qualcosa di stupido che sto facendo.

1 Mi Piace

Sarebbe possibile avere le caselle di stile eleganti con una sezione “ultimi” sotto le categorie? In sostanza, voglio fare la stessa cosa che fa il componente “Categorie moderne + Caselle di gruppo” nel tema Air. Puoi selezionare Categorie con Ultimi per la visualizzazione desktop e gli ultimi vengono visualizzati sotto le categorie.

Sto cercando di modificare la mia versione del CSS ma non sono un esperto. Sarebbe una cosa facile da fare o potrebbe essere al di fuori delle mie capacità?

1 Mi Piace

Ho questo caso d’uso, in cui abbiamo molte categorie e sottocategorie abilitate, e rendono la pagina di destinazione molto affollata, difficile da trovare ciò che interessa all’utente.

Per questo motivo, vogliamo personalizzare la pagina di destinazione dei Gruppi di Categorie in modo che sia più mirata per gli utenti in specifiche aree di interesse (tramite i gruppi di utenti).

Quindi, propongo di aggiungere un’opzione di visibilità per ogni gruppo di categorie. Se definita, il gruppo di categorie verrebbe reso visibile solo a quei gruppi di utenti abilitati nelle sue impostazioni.

Ho quindi creato una pull-request per dimostrare cosa intendo con tutto questo. Per favore, fatemi sapere cosa ne pensate di questa opzione. La usereste? Si applica al vostro sito Discourse?

p.s. Questa nuova opzione proposta non dovrebbe essere considerata come un controllo degli accessi alternativo. Controlla semplicemente quali gruppi di categorie saranno visibili per l’utente connesso in base alle sue appartenenze ai gruppi. Le autorizzazioni esistenti saranno ancora in vigore.

1 Mi Piace

Sembra che non venga visualizzato dopo gli ultimi aggiornamenti di Discourse, potrebbe essere necessario un aggiornamento per far funzionare questo TC.

Mi chiedo perché non abilitare questo stile sul cellulare con l’opzione categorie predefinite?

Stanno benissimo con il componente!