# Argomento cliccabile

**URL:** https://meta.discourse.org/t/clickable-topic/183339
**Category:** Theme component
**Tags:** official, clickable-topic
**Created:** [15 Marzo 2021, 6:15pm UTC](https://meta.discourse.org/t/clickable-topic/183339 "2021-03-15T18:15:51Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)
#### Post date: [15 Marzo 2021, 6:15pm UTC](https://meta.discourse.org/t/clickable-topic/183339/1 "2021-03-15T18:15:52Z")

</div>

| |  
| -|-|-|  
| :discourse2: | **Riepilogo** | **Topic Cliccabile** rende l’intera area di un `topic-list-item` cliccabile, a differenza del solo titolo del topic.  
| 👓 | **Anteprima** | [Anteprima su Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/clickable-topic) |  
| 🛠 | **Link al Repository** | [https://github.com/discourse/discourse-clickable-topic](https://github.com/discourse/discourse-clickable-topic)  
| 📖 | **Nuovo a Discourse Themes?** | [Guida per principianti all’uso di Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966)

Installa questo componente del tema

> [@](#):
>
> :discourse2: Poiché si tratta di un componente del tema #ufficiale mantenuto dal team di Discourse, le richieste di #supporto, #Contribute > Bug, #Contribute > UX e #Contribute > Feature possono essere inviate nelle rispettive categorie qui su Meta, etichettate con il tag appropriato del componente del tema. Clicca su un link qui sotto per iniziarne uno. 👍
> 
> [❓&nbsp; **Supporto**](https://meta.discourse.org/new-topic?category_id=6&tags=clickable-topic "Chiedi supporto per la configurazione e l'uso di Clickable Topic") [🐛&nbsp; **Bug**](https://meta.discourse.org/new-topic?category_id=1&tags=clickable-topic "Un rapporto di bug indica che qualcosa non funziona, impedendo l'uso normale o tipico del componente del tema") [👀&nbsp; **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=clickable-topic "Discussione sull'interfaccia utente di Clickable Topic e su come le funzionalità sono presentate (inclusi linguaggio ed elementi dell'interfaccia)") [💡&nbsp; **Funzionalità**](https://meta.discourse.org/new-topic?category_id=2&tags=clickable-topic "Discussione su come migliorare o potenziare le funzionalità esistenti di Clickable Topic e su come potrebbero funzionare le nuove funzionalità proposte")

### Funzionalità

![preview](https://global.discourse-cdn.com/meta/original/3X/0/c/0c5b01a121af51468aa495d4d9fe9af0a5d5f566.gif)

> :discourse2: **Ospitato da noi?** I componenti del tema sono disponibili per l’uso nei nostri piani Standard, Business e Enterprise.

---

<div class="post-metadata">

### Author: ![TheBaby5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thebaby5/32/178897_2.png) [@TheBaby5](https://meta.discourse.org/u/TheBaby5)
#### Post date: [15 Marzo 2021, 7:18pm UTC](https://meta.discourse.org/t/clickable-topic/183339/2 "2021-03-15T19:18:18Z")

</div>

Grazie mille, una cosa molto necessaria! ❤

---

<div class="post-metadata">

### Author: ![B-iggy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/b-iggy/32/201234_2.png) [@B-iggy](https://meta.discourse.org/u/B-iggy)
#### Post date: [13 Giugno 2021, 6:56am UTC](https://meta.discourse.org/t/clickable-topic/183339/10 "2021-06-13T06:56:38Z")

</div>

È un componente davvero utile! Dovrebbe essere integrato in Discourse dal punto di vista dell’esperienza utente, ma questa è solo la mia opinione.

Comunque, sono bloccato nel tentativo di far funzionare la stessa logica per le Categorie. Volevo farlo con api.modifyClass, ma sembra che mi stia perdendo la parte cruciale. Puoi aiutarmi?

Ho questa impostazione per la mia pagina desktop:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/7/1/7124bc93d45b6c9102c2d9ed98ac0f4653177951.png)

Fondamentalmente, il riquadro rosso a sinistra dovrebbe essere cliccabile:

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/1/419d5d061eb774c9f0a45c0017058fc1e016f95c.png)

O per avere un’idea perfetta di ciò che voglio ottenere: ricreare il design del Forum di Blizzard, perché mi piace molto:

> **[Heroes of the Storm Forums](https://us.forums.blizzard.com/en/heroes/)**

Apprezzo qualsiasi aiuto tu possa darmi.

---

<div class="post-metadata">

### Author: ![B-iggy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/b-iggy/32/201234_2.png) [@B-iggy](https://meta.discourse.org/u/B-iggy)
#### Post date: [16 Giugno 2021, 12:37pm UTC](https://meta.discourse.org/t/clickable-topic/183339/11 "2021-06-16T12:37:16Z")

</div>

Mentre aspettavo una risposta, ho anche trovato la pagina dei componenti qui:  
[https://github.com/discourse/discourse/tree/master/app/assets/javascripts/discourse/app/components](https://github.com/discourse/discourse/tree/master/app/assets/javascripts/discourse/app/components)  
Ho provato diverse idee, ma sembra che il mio hook non sia nemmeno disponibile? O mi sto perdendo qualcosa!? 🙂

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [16 Giugno 2021, 1:34pm UTC](https://meta.discourse.org/t/clickable-topic/183339/12 "2021-06-16T13:34:28Z")

</div>

Siamo contenti che ti piaccia il componente!

Grazie per i suggerimenti 😄

Al momento questo componente è progettato per funzionare solo con i `Topics` nell’elenco dei topic.

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [16 Giugno 2021, 3:53pm UTC](https://meta.discourse.org/t/clickable-topic/183339/13 "2021-06-16T15:53:57Z")

</div>

Se desideri sperimentare e fare un fork di questo componente, sei il benvenuto a farlo 👍

Come punto di partenza per rendere cliccabile una categoria, ti suggeriamo di esaminare il codice di questo componente che lo fa modificando il componente `topic-list-item` all’interno del nucleo di Discourse.

> <https://github.com/discourse/discourse-clickable-topic/blob/7bb07da79d621de09b35a5405ee02eb204f62a8e/javascripts/discourse/initializers/clickable-topic-list-item.js#L9>

Potresti provare a creare un nuovo file nella stessa cartella, indirizzando uno dei numerosi tipi di layout di categoria inclusi nei nostri componenti, assicurandoti di selezionare lo stesso stile di pagina categoria scelto nel tuo forum.

Alcuni di questi sono elencati nelle rispettive posizioni qui sotto…

`app/assets/javascripts/discourse/app/components/categories-and-latest-topics.js`  
`app/assets/javascripts/discourse/app/components/categories-and-top-topics.js`  
`app/assets/javascripts/discourse/app/components/categories-boxes-topic.js`  
`app/assets/javascripts/discourse/app/components/categories-boxes-with-topics.js`  
`app/assets/javascripts/discourse/app/components/categories-boxes.js`  
`app/assets/javascripts/discourse/app/components/categories-only.js`  
`app/assets/javascripts/discourse/app/components/category-list-item.js`

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [26 Agosto 2022, 11:39am UTC](https://meta.discourse.org/t/clickable-topic/183339/14 "2022-08-26T11:39:11Z")

</div>

L’anteprima non funziona più

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [26 Agosto 2022, 11:56am UTC](https://meta.discourse.org/t/clickable-topic/183339/15 "2022-08-26T11:56:23Z")

</div>

Penso che ora dovrebbe andare bene. 🙂👍

---

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [7 Agosto 2023, 11:06am UTC](https://meta.discourse.org/t/clickable-topic/183339/16 "2023-08-07T11:06:16Z")

</div>

## Rotto ora.

Ci siamo affidati a questo componente per rendere cliccabili le schede degli argomenti della vista **Categorie + Ultime** (predefinita nel nostro caso). Dopo l’aggiornamento di oggi alla versione più recente 3.1.0beta8 (ora mostra come 3.2.0.beta1-dev), il componente ha smesso di funzionare correttamente.

Ora lo stato attivo del cursore rimane cliccabile, ma l’area dell’argomento non è cliccabile. Con la console del browser aperta, c’è un errore, che potrebbe aiutare gli sviluppatori a identificare il problema:

> Uncaught TypeError: this.router is undefined

```javascript
function navigateToTopic(topic, href) {
    if (this.siteSettings.page_loading_indicator !== "slider") {
      // Con lo slider, è più piacevole che l'intestazione si aggiorni una volta che il resto del contenuto dell'argomento viene caricato,
      // quindi salta l'impostazione anticipata.
      this.appEvents.trigger("header:update-topic", topic);
    }
    this.session.set("lastTopicIdViewed", {
      topicId: topic.id,
      historyUuid: this.router.location.getState?.().uuid
    });
    _url.default.routeTo(href || topic.get("url"));
    return false;
  }

```

L’errore generato per la riga:

> historyUuid: this.router.location.getState?.().uuid

 ![Screenshot 2023-08-07 at 10.56.48@2x](https://global.discourse-cdn.com/meta/original/4X/b/6/b/b6bd3c28a91420c1ec1899c108f9ca32c03238ab.png)

Potrebbe essere correlato agli aggiornamenti di Ember pianificati/in corso nel core?

> [@Upgrading Discourse to Ember 4](https://meta.discourse.org/t/upgrading-discourse-to-ember-4/225032):
>
> We want to update the Ember version used in Discourse. Right now, we’re on 3.15, and we’d like to get to 4.1 We’ve set a goal to finish this work by the end of this year. Please note that this topic is a roadmap, and all the plans and estimates are tentative. This topic is not intended to house any significant discussions about particular upgrades or changes. So, let’s keep the conversation here a bit focused. Questions about how these updates will affect your site/plugin/theme are off-topic. …

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [7 Agosto 2023, 12:28pm UTC](https://meta.discourse.org/t/clickable-topic/183339/18 "2023-08-07T12:28:18Z")

</div>

Ciao @kinetiksoft - Non sono riuscito a riprodurre il problema da parte mia. Il componente del tema sembra funzionare bene con l’ultima versione di Discourse. Anche il link “anteprima nel creatore di temi” nell’OP qui sembra funzionare.

Potresti condividere un link a un sito con il problema? Forse c’è un conflitto con un altro tema/plugin.

---

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [7 Agosto 2023, 12:50pm UTC](https://meta.discourse.org/t/clickable-topic/183339/19 "2023-08-07T12:50:15Z")

</div>

Grazie! Ti ho inviato un messaggio privato con un link alla community in questione. Non è appropriato condividerlo pubblicamente.

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [7 Agosto 2023, 2:01pm UTC](https://meta.discourse.org/t/clickable-topic/183339/20 "2023-08-07T14:01:22Z")

</div>

Grazie @kinetiksoft! Sembra che il problema si verifichi quando il componente del tema viene utilizzato insieme alla visualizzazione “categorie + ultime” (che hai configurato come homepage).

Ho creato una PR che dovrebbe risolvere il problema.

> <https://github.com/discourse/discourse/pull/22992>
>
> This function was previously expecting multiple services to be injected on any c…lass that uses it. This kind of hidden requirement leads to some very difficult-to-debug situations, so this commit updates the function to lookup all its required services inline.

Pubblicherò qui una volta che sarà stata unita, e poi dovrai aggiornare il tuo forum all’ultima versione del core di Discourse.

---

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [7 Agosto 2023, 3:18pm UTC](https://meta.discourse.org/t/clickable-topic/183339/21 "2023-08-07T15:18:13Z")

</div>

Grazie David! Lieti di aver potuto aiutare a identificare il problema in un componente perfettamente funzionante

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [7 Agosto 2023, 3:56pm UTC](https://meta.discourse.org/t/clickable-topic/183339/22 "2023-08-07T15:56:09Z")

</div>

> [@david](#):
>
> Pubblicherò qui una volta che sarà unito

Fatto - quindi dovrebbe avere effetto la prossima volta che aggiorni all’ultima versione di Discourse

---

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [7 Agosto 2023, 4:19pm UTC](https://meta.discourse.org/t/clickable-topic/183339/23 "2023-08-07T16:19:38Z")

</div>

Faremo un tentativo di aggiornamento più tardi questa settimana e tornerò sicuramente su questo argomento per riferire come sta andando. Grazie ancora!

---

<div class="post-metadata">

### Author: ![kinetiksoft](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kinetiksoft/32/229578_2.png) [@kinetiksoft](https://meta.discourse.org/u/kinetiksoft)
#### Post date: [10 Agosto 2023, 9:11am UTC](https://meta.discourse.org/t/clickable-topic/183339/24 "2023-08-10T09:11:32Z")

</div>

Possiamo confermare che il problema è stato risolto. Grazie ancora! ❤

---

<div class="post-metadata">

### Author: ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)
#### Post date: [26 Dicembre 2023, 7:56pm UTC](https://meta.discourse.org/t/clickable-topic/183339/25 "2023-12-26T19:56:01Z")

</div>

Ciao, come posso modificare questo componente per supportare il plugin Docs?

---

<div class="post-metadata">

### Author: ![James\_Harakaly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/james_harakaly/32/427413_2.png) [@James\_Harakaly](https://meta.discourse.org/u/James_Harakaly)
#### Post date: [27 Settembre 2024, 8:11pm UTC](https://meta.discourse.org/t/clickable-topic/183339/26 "2024-09-27T20:11:27Z")

</div>

Sto eseguendo l’ultima versione di Discourse 3.4.0.beta2-dev.

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/9/7/b976f17c8a1db1dd73d8dc31a9f88a66c5d0a597.png)  
Non sono sicuro se ci sia qualcosa di sbagliato nella configurazione di questo componente del tema, ma tutto il testo del corpo sull’argomento nella scheda non è cliccabile. Se fai clic subito dopo la fine del testo su entrambe le righe, puoi attivare la scheda e aprire l’argomento.

Qualche idea su cosa potrebbe causare questo?

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/7/a/17a388e2774a1a186fb71b19e3155d50e197eea6.png)

Grazie in anticipo per tutto il tuo aiuto e i tuoi suggerimenti. 🙂

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12 Giugno 2025, 4:36pm UTC](https://meta.discourse.org/t/clickable-topic/183339/28 "2025-06-12T16:36:46Z")

</div>

Ciao, grazie per quel TC, ma sembra che una regione rimanga non cliccabile?

 ![L'immagine mostra uno screenshot dell'intestazione di un articolo con il titolo '2025: MASTERYING AI FOR COMMUNITY BUILDING', il testo principale parzialmente visibile e un link evidenziato che afferma 'questa regione non è cliccabile' insieme a una casella rossa che indica una sfumatura di link non funzionante. (Didascalia dell'IA)](https://global.discourse-cdn.com/meta/original/4X/2/f/a/2fa9974ca873a8de3a62270d10e1caa8c860a8c1.png)

---

<div class="post-metadata">

### Author: ![mcdanlj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcdanlj/32/131829_2.png) [@mcdanlj](https://meta.discourse.org/u/mcdanlj)
#### Post date: [19 Dicembre 2025, 12:52pm UTC](https://meta.discourse.org/t/clickable-topic/183339/29 "2025-12-19T12:52:01Z")

</div>

Sto riscontrando questo errore in modo intermittente su un sito che amministro:

 ![Screenshot From 2025-12-19 07-39-16](https://global.discourse-cdn.com/meta/original/4X/2/4/3/243c89d3929ac62665b853a1ffbf2d305287040a.png)

 ![Screenshot From 2025-12-19 07-42-53](https://global.discourse-cdn.com/meta/original/4X/2/b/4/2b413dbd3d12e8d4d2da173a71b7df80d067a2eb.png)

Eseguo [Discourse 52ab90911](https://github.com/discourse/discourse/commits/52ab90911d090f64f72eff4deecf0e88111aace2) e [Clickable Topic 37f0aa135fe](https://github.com/discourse/discourse-clickable-topic/commit/37f0aa135fe0b77680ba0e0dc941110a36a317a0)
