Personalizando CPQ com temas
Os temas personalizados permitem personalizar o layout. Você pode habilitar temas personalizados enviando uma solicitação de habilitação de recurso.
CPQ os usuários administradores podem editar um tema personalizado para personalizar a aparência do layout.
Para acessar as opções de tema personalizado no editor de layout, envie um CPQ Solicitação de habilitação de recursos para habilitar temas.
Introdução
Na página do blueprint, selecione um layout e clique na guia Personalizar tema na parte superior da página.
Na guia Personalizar tema, clique para ativar Ative o tema . (Por padrão, esta opção está desativada.)
Quando esta opção estiver ativada, você verá a tela completa do Editor de temas.
O editor visual
O editor visual inclui cinco conjuntos de opções e uma visualização interativa. O padrão CPQ o tema é aplicado por padrão, mas você pode modificar todos os campos para começar a personalizar seu tema.
As seguintes opções estão disponíveis no editor visual.
| Opção | Descrição |
|---|---|
| Cor do texto raiz | Cor da fonte padrão usada no layout |
| Cor primária | Cor usada com mais frequência para botões e seleções |
| Cor de fundo primária | Cor padrão usada para o plano de fundo e os contêineres |
| Cor de fundo secundária | Cor padrão usada para itens de camada, como planos de fundo de seção expansíveis |
| Cor neutra | Cor secundária usada para campos como texto de dica |
| Cor de sucesso | Cor de plano de fundo para faixas de mensagem de sucesso |
| Cor da informação | Cor de fundo para faixas de mensagem neutras |
| Cor de aviso | Cor de fundo para faixas de mensagens de aviso |
| Cor do erro | Cor para mensagens de erro e validação de campo |
| Tamanho da fonte | Tamanho de fonte padrão: Pequeno, médio, grande |
| Raio da borda | Determina a forma da borda para campos em que 0 é quadrado e 16 é arredondado |
| Largura da borda | Determina o tamanho geral da borda para campos; nenhum, normal, espesso |
| Espaçamento | Determina o preenchimento geral para o layout: Apertado, normal, solto |
O editor JSON
O editor JSON fornece controle adicional usando substituições para qualquer elemento incluído no tema.
Por padrão, os valores do tema atual são mostrados, mas um usuário pode inserir manualmente novos pares de valor-chave para modificar o tema. A estrutura do tema json já foi fornecida no editor. Clicar no editor permite que o usuário digite o bloco de código. Todas as mudanças feitas no editor visual são representadas no editor JSON e vice-versa.
Um botão oculta ou mostra o padrão CPQ tema como referência para campos que você pode querer reverter sem descartar todo o tema.
Se você quiser substituir um elemento de layout que não está incluído nos dados de amostra, você pode inspecionar o layout para determinar o campo a ser alterado. Campos que começam com --lgk- são personalizáveis em um tema.
O exemplo a seguir demonstra a inspeção de uma alternância.
Para substituir um elemento, adicione o nome do campo e o valor modificado na seção de propriedades da substituição do tema. O formato não deve incluir --lgk- mas deveria ser "fieldname": "valor" .
A seguir estão exemplos de substituições de tema.
Usando uma fonte personalizada
Um tema pode oferecer suporte a uma fonte personalizada por meio de um URL hospedado inserido no editor visual ou no editor JSON. Este arquivo de fonte precisa ser hospedado para que fique acessível ao tema. Para uma fonte personalizada, você precisa fornecer um nome e o URL da origem da fonte.