HTML Personalizado
Esta ferramenta permite adicionar seu próprio código HTML ao Hesk diretamente pelo painel de administração.
Isso afeta apenas o lado público (voltado para o cliente) do seu help desk.
» head.txt
O código inserido aqui é adicionado dentro da seção HTML <head>, logo antes de </head>.
Usos comuns:
» header.txt
O código inserido aqui aparece no topo da página, logo após a tag <body>.
Usos comuns:
» footer.txt
O código inserido aqui aparece no rodapé da página, pouco antes do encerramento da página.
Usos comuns:
Tema do cliente
Este é o tema (apenas visual) que será usado em todas as páginas do HESK voltadas para o cliente. Todos os temas instalados corretamente serão exibidos na caixa de seleção.
Você pode criar seus próprios temas adicionais copiando um dos arquivos de tema .css existentes que podem ser encontrados na pasta "theme/hesk3/customer/css/themes". Basta ajustar as variáveis de cor CSS e nomear o arquivo como "meu_nome_do_tema.css". O tema aparecerá automaticamente na seleção de temas do cliente.
*Nota Extra: Além das variáveis CSS já usadas nos arquivos de tema existentes, você também pode adicionar quaisquer variáveis encontradas em "theme/hesk3/customer/css/core/0_00_default_theme_vars.css" ao seu arquivo de tema.
Substituições de tema
Os temas do Hesk funcionam utilizando variáveis CSS para todas as cores. Algumas dessas cores são definidas de forma estática, mas a maioria é derivada dinamicamente (versões mais claras/escuras ou misturas calculadas).
Isso significa que é muito fácil alterar algumas das cores/variáveis principais e fazer com que toda a paleta de cores do Hesk se ajuste dinamicamente. Obviamente, isso pode causar situações onde os contrastes dinâmicos podem não funcionar perfeitamente com todas as outras cores, e é aqui que entra a opção de sobrescrever qualquer cor. Use as substituições abaixo para ajustes específicos (Nota: Estes ajustes são salvos nas configurações do Hesk, portanto, alterá-los NÃO afetará os arquivos de tema originais).
Nota: Derivações de outras cores são marcadas com um asterisco vermelho, e essas cores se ajustarão dinamicamente se você alterar as cores de origem. Se você sobrescrever uma cor derivada, ela passará a ser "fixa" - no entanto, como algumas cores derivadas são usadas por outras derivações, sobrescrevê-las pode causar mudanças em outras cores também.
Nota: Atualmente, nem todos os casos isolados da interface são cobertos de forma simples por estas substituições. Se precisar de ajustes mais específicos onde estas configurações não forem suficientes, recomendamos escrever substituições de CSS personalizado adicional.
Marca Principal
Estes definem "90%+" da aparência do site. A maioria das outras cores é derivada automaticamente destes valores.
Elementos Principais
Estes definem as cores complementares principais de elementos comuns, como fundo de inputs, cores de links, etc. A maioria é derivada das cores da marca, mas podem ser ajustadas separadamente.
Botões
Use estes campos para sobrescrever as cores dos botões mais utilizados.
Navegação
Use estes campos para sobrescrever as cores de vários elementos de interface de navegação (links do cabeçalho, breadcrumbs, caixas de ação...).
Dropdowns
Use estes campos para sobrescrever as cores dos menus suspensos (dropdowns) e seletores mais comuns.
Seletores de Data
Use estes campos para sobrescrever as cores dos calendários/seletores de data.
Cores de base
Estas cores representam tons específicos que geralmente devem permanecer fixos, independentemente de outras paletas (ex: mensagens de aviso/erro, alguns ícones, etc.). Elas também servem de base para várias notificações de informação ou erro.
Notificações
As notificações usarão, por padrão, as Cores de Base, mas podem ser ajustadas aqui se necessário.
Busca
Estas cores permitem sobrescrever o estilo do campo de busca nas páginas do cliente.
Pré-visualização de Artigos
Controlam as cores das prévias de artigos na página inicial e nas sugestões de busca.
Diversos
Outras cores diversas de elementos que você pode querer personalizar.