Vetrina Versatile

Componente del tema
1

:warning: :mechanic:t4:

Ho riscritto completamente questo componente. È ospitato su un nuovo repository e ha un nuovo argomento: Featured Lists

Questa versione continua a funzionare bene per ora, ma se sei su Discourse 3.2.0.beta3 o versioni successive, utilizza la nuova versione.

Questo componente ti consente di fornire diverse liste di argomenti sulla tua homepage. L’aspetto predefinito:

Screenshot from 2022-07-29 16-38-47
Screenshot from 2022-07-29 16-38-471243×1006 89.3 KB

Nelle impostazioni del componente puoi definire le liste di feed e la posizione dell’output:

Screenshot from 2022-07-29 16-37-33
Screenshot from 2022-07-29 16-37-33646×561 14.9 KB

Il formato della lista di feed è un po’ avanzato e devi comprendere alcuni concetti di lista di Discourse per utilizzarlo al meglio. Imposti il

  • titolo del feed
  • lunghezza della lista
  • filtro della lista (latest, top, unread, ecc.)
  • filtro dei tag (come definito dallo slug del tag)
  • filtro delle categorie (come definito dall’ID della categoria)
  • link del feed (dove porta cliccando sul pulsante More)

Le liste sono impostate come flex-box, quindi quando ce n’è solo una si espanderà per impostazione predefinita:

Screenshot from 2022-07-29 16-39-33
Screenshot from 2022-07-29 16-39-331177×425 34.5 KB

:+1: Crediti: Il componente è uno spin-off di Showcased Categories. @Ahmed_Gagan ne ha esteso la funzionalità e io ho riscritto l’architettura. Alla fine abbiamo cambiato così tanto che non è più compatibile.

|||
|-|-|-|
| :hammer_and_wrench:|Repository| GitHub - nolosb/discourse-versatile-showcase |
| :question:|Guida all’installazione|Come installare un tema o un componente tema|

18 Mi Piace
2

Plugin fantastico, rende la homepage più interattiva.

Ho due, forse tre suggerimenti:

  1. aggiungere un outlet discovery-list-container-bottom
  2. aumentare la larghezza della prima colonna del titolo quando più elenchi sono affiancati
  3. facoltativamente configurare più di due elenchi per riga?
1 Mi Piace
3

Grazie per i suggerimenti @Zup!

Non penso che aggiungerò altri outlet dato che ne ho già tre. Se hai bisogno di uno specifico, dovrai fare un fork e aggiungerlo lì.

Le liste sono flexbox. Puoi cambiare il comportamento flex con CSS e ottenere più liste o solo una per riga.

Se intendi questo, allora sì, dovrei regolare meglio la larghezza lì :+1:

image
image266×423 6.13 KB

4

Grazie per questo ottimo componente @manuel.

Mi piacerebbe molto usarlo ma una volta installato:

  • tutto sembra a posto, tranne
  • la mia casella di accesso all’istanza è impostata su “display: none” (quindi la pagina di accesso diventa completamente vuota).

Suppongo ci debba essere un conflitto da qualche parte.

Qualcuno ha già avuto questo tipo di problema e avete un’idea di dove potrei provare a indagare?

Grazie mille.

1 Mi Piace
5

houuurraa…

ho un proxy per risolvere questo problema: non sono sicuro di capire perché, ma funziona al 100% quando seleziono discovery-list-container-top

image
image742×317 12.8 KB

stavo avendo il problema con la configurazione above-main-container. per ora non importa, discovery-list-container-top va bene con le mie istanze in esecuzione.

1 Mi Piace
6

Grazie per aver segnalato questo @JBM. Posso riprodurre il problema, il codice per generare l’elenco è in esecuzione in un ciclo quando non riesce ad accedere al contenuto del sito (perché è richiesto il login). Funziona quando l’outlet discovery-list-container-top è selezionato, perché questo outlet è disponibile solo dopo il login. Dovrò indagare su questo.

1 Mi Piace
7

Se hai tempo, ti piacerebbe creare un divisore ordinato per i cellulari, dove la parte in vetrina in cui un utente passa al normale più recente? Ora sembra che l’ultima parte continui all’infinito.