Con l'aggiunta delle barre arricciate per i modelli delCentro assistenza, è stata evidenziata la possibilità di aggiungere istruzioni condizionali che consentono di influire dinamicamente sul rendering delle pagine del Centro assistenza. Usando le istruzioni condizionali, possiamo scegliere come target il numero ID univoco di una categoria, sezione, articolo, argomento o post e nascondere quell'elemento mentre ne mostriamo altri.
Se hai bisogno di trovare l'ID dell'elemento da nascondere, vai alla pagina dell'elemento e cerca l'URL. Dovresti trovare qualcosa del tipo/hc/en-us/categories/200420805-General
. il200420805
è l'id della mia categoria.
Ecco una piccola animazione per evidenziare ciò che cerco di ottenere quando nascondo una categoria nella home page del Centro assistenza (guarda la categoria "Categoria 1"):
Il codice
Tratterò qui alcuni scenari per spiegare come usarli. In questi esempi, userò il codice predefinito che si trova nel tema del Centro assistenza di Copenhagen. Userò principalmente isnt helper, in quanto l'idea di base è che se il valore non corrisponde, esegue il rendering del codice visualizzato, nascondendo di fatto (o non visualizzando) l'elemento identificato. Puoi vedere qui. Voglio escludere una categoria specifica nella home page, quindi l'ho passata attraverso il isnt
dichiarazione:
Ho allegato l'intero codice del modello della mia home page da questo esempio qui. Puoi cambiare l'ID della mia categoria con il tuo, dopodiché potrai nascondere le categorie.
Come nascondere più elementi
Nascondere più elementi aggiunge un altro paio di righe di codice in quanto non possiamo passare più numeri ID in una singola dichiarazione condizionale. Invece, vorremmo nidificare le istruzioni condizionali in modo che possano essere analizzate in modo appropriato. Ecco un esempio:
Se vuoi scaricare il codice per nascondere più categorie, puoi trovarlo qui.
Un altro esempio con gli articoli
So di aver parlato un po' di categorie, quindi ho voluto mostrare come implementarle in un altro spazio. La mia ipotesi è ridurre la visibilità di un determinato articolo, ma renderlo accessibile tramite la ricerca o un link diretto ai miei clienti. Ho scelto la pagina dell'articolo nel tema Copenhagen in cui gli altri articoli nella stessa sezione dell'articolo corrente appaiono in una barra laterale come questa:
Potresti aver già nascosto l'articolo a livello di sezione, ma vorremmo anche indirizzarlo qui:
E ancora, eccoil codice per provarlo nel modello di articolo.
Alcune note tecniche su questa funzionalità
Potresti aver notato uno schema qui che il codice era in fase di implementazione nel {{#each}}
helper che scorre l'array degli elementi specifici richiesti. Ogni helper è nativo di handlebars.js e puoi leggere ulteriori informazioni a riguardo nella loro documentazione qui. Nell'ultima immagine qui sopra, puoi vedere {{#each section.articles}}
nel codice che visualizza gli articoli per la sezione corrente, ma quando si incontra l'articolo con l'id219527708
, il codice viene invece saltato e il rendering passa all'articolo successivo.
Potrebbero esserci altri modi per ottenere un comportamento simile, quindi sentiti libero di provare conaltri aiutanti condizionali, ma questo dovrebbe essere un buon inizio.
Avvertenza sulla traduzione: questo articolo è stato tradotto usando un software di traduzione automatizzata per fornire una comprensione di base del contenuto. È stato fatto tutto il possibile per fornire una traduzione accurata, tuttavia Zendesk non garantisce l'accuratezza della traduzione.
Per qualsiasi dubbio sull'accuratezza delle informazioni contenute nell'articolo tradotto, fai riferimento alla versione inglese dell'articolo come versione ufficiale.