HTML Personalizzato
Questo strumento ti permette di aggiungere il tuo codice HTML personalizzato a Hesk direttamente dal pannello di amministrazione.
Le modifiche influiscono solo sul lato pubblico (interfaccia cliente) del tuo help desk.
» head.txt
Il codice inserito qui viene aggiunto all'interno della sezione HTML <head>, appena prima della chiusura </head>.
Usi comuni:
» header.txt
Il codice inserito qui appare nella parte superiore della pagina, subito dopo l'apertura del tag <body>.
Usi comuni:
» footer.txt
Il codice inserito qui appare in fondo alla pagina, appena prima della fine del documento.
Usi comuni:
Tema Cliente
Questo è il tema visivo che verrà utilizzato in tutte le pagine di HESK rivolte ai clienti. Tutti i temi correttamente installati verranno visualizzati nel menu a discesa.
Puoi creare i tuoi temi aggiuntivi copiando uno dei file .css esistenti che si trovano nella cartella "theme/hesk3/customer/css/themes". È sufficiente regolare le variabili di colore CSS all'interno del file e rinominarlo come "mio_nome_tema.css". Il tema apparirà quindi automaticamente nel menu di selezione del tema cliente.
*Nota Extra: Oltre alle variabili CSS già utilizzate nei file dei temi esistenti, puoi aggiungere qualsiasi variabile presente in "theme/hesk3/customer/css/core/0_00_default_theme_vars.css" al tuo file del tema personalizzato.
Sovrascrittura del Tema (Overrides)
I temi di Hesk funzionano utilizzando variabili CSS per tutti i colori. Alcuni di questi colori sono impostati in modo specifico, ma la maggior parte sono derivati dinamici (versioni schiarite o scurite, o miscele calcolate) dei colori principali.
Ciò significa che è estremamente facile cambiare alcuni dei colori/variabili principali e fare in modo che l'intera tavolozza di Hesk si adatti dinamicamente. Ovviamente, questo può causare situazioni in cui i colori dinamici o i contrasti potrebbero non essere ottimali con tutte le combinazioni, ed è qui che interviene l'opzione di sovrascrittura.
Usa le opzioni di sovrascrittura colore qui sotto per apportare regolazioni specifiche (Nota: queste modifiche sono memorizzate nelle impostazioni di Hesk, quindi non cambieranno i file originali del tema).
Nota: i colori derivati sono contrassegnati da un asterisco rosso e si aggiorneranno automaticamente se modifichi i colori da cui derivano. Se sovrascrivi un colore derivato, quel colore diventerà "fisso".
Nota: attualmente non tutti i casi limite dell'interfaccia utente sono coperti da queste sovrascritture. Se hai bisogno di modifiche ancora più specifiche, ti consigliamo di scrivere codice CSS personalizzato aggiuntivo.
Brand Principale
Questi definiscono il "+90%" dell'aspetto del sito. La maggior parte degli altri colori deriva automaticamente da questi.
Elementi Principali
Definiscono i colori complementari degli elementi comuni, come lo sfondo dei campi di input, il colore dei link, ecc. Molti derivano dai colori del brand, ma possono essere regolati separatamente.
Pulsanti
Usa questi per sovrascrivere i colori dei pulsanti più comuni.
Navigazione
Usa questi per sovrascrivere i colori dei vari elementi di navigazione (link dell'header, briciole di pane/breadcrumbs, box delle azioni...).
Menu a discesa (Dropdowns)
Usa questi per sovrascrivere i colori dei menu a discesa e dei selettori.
Selettori di data (Datepickers)
Usa questi per sovrascrivere i colori dei calendari per la selezione delle date.
Colori di base
Questi rappresentano colori specifici che solitamente si desidera rimangano costanti (es. messaggi di errore/avviso, alcune icone). Sono usati come base per le notifiche di errore o informazione.
Notifiche
Le notifiche useranno per impostazione predefinita i Colori di Base, ma possono essere regolate ulteriormente qui.
Ricerca
Questi colori ti permettono di personalizzare lo stile del campo di ricerca nelle pagine rivolte ai clienti.
Anteprime Articoli
Controllano i colori delle anteprime degli articoli nella home page e nei suggerimenti di ricerca.
Varie (Miscellaneous)
Altri colori vari di elementi che potresti voler personalizzare.