Como administrador do catálogo, você pode personalizá-lo usando imagens, folhas de estilo em cascata (CSS), JavaScript (JS) ou arquivos HTML. Você pode colar o código-fonte ou inserir links para arquivos externos. Se estiver usando links para arquivos externos, a melhor prática é hospedar seus arquivos de estilo personalizados em um site seguro; caso contrário, eles podem apresentar problemas ao serem carregados.
Você também pode usar HTML/CSS para personalizar um certificado de programa ou certificado de curso .
Você pode fazer o upload de imagens para o logotipo do cabeçalho e o logotipo do selo do catálogo, bem como para o favicon do navegador. Para obter detalhes e especificações, consulte as Diretrizes para Logotipos de Catálogos em Canvas .
Arquivos de instruções:
Notas:
- Se essa funcionalidade estiver habilitada para sua instituição, você poderá usar o Editor de Temas da Loja Virtual para personalizar sua identidade visual sem usar CSS/JS/HTML.
- Caso a personalização da marca não seja adicionada a um subcatálogo, a personalização do catálogo principal será aplicada por padrão.
- A aparência da página de Listagens do Catálogo pode variar dependendo da versão da plataforma ou de qualquer estilo personalizado aplicado por meio de código do site, como CSS, JS ou HTML (HyperText Markup Language).
- A partir de maio de 2026, a personalização de CSS e JavaScript será suportada na Loja Virtual Moderna.
Abra o painel de administração.
Clique no menu suspenso do nome de usuário [1]. Em seguida, clique no link Admin [2].
Catálogos abertos
Clique na aba Catálogos .
Abrir catálogo
Para abrir um catálogo existente, clique no link com o nome do catálogo.
Adicionar ao catálogo
Para adicionar um subcatálogo, clique no botão Adicionar Catálogo .
Personalizações abertas
No menu suspenso Configurações do catálogo, a página Informações do catálogo é exibida por padrão. Clique no link Personalizações .
Veja as opções de personalização
Por padrão, a guia Personalizações exibe a página de Marca [1]. Você pode adicionar CSS e JS [2], personalizar a aparência dos e-mails da sua instituição para os destinatários, incluindo detalhes do remetente [3] e HTML do cabeçalho e rodapé do e-mail [4].
Adicione CSS e JavaScript personalizados
Veja a notificação de CSS e JS [1]. Você deve manter seu CSS e JS para evitar conflitos ou erros causados por atualizações e melhorias de produtos do Catálogo.
Insira seu CSS personalizado ou adicione um link para seu arquivo CSS seguro no campo CSS personalizado [2].
Insira seu JS personalizado ou adicione um link para seu arquivo JS seguro no campo JS personalizado [3].
Gerenciar carregamento personalizado
Para ativar esses scripts personalizados, você deve configurar as definições usando o menu suspenso Carregar CSS personalizado e JS personalizado na loja [1].
No nível do catálogo raiz, você pode selecionar Sim [2] ou Não [3].
No nível do subcatálogo, Você tem controle independente e pode selecionar (herdar configuração do pai) [1], Sim [2] ou Não [3].
Quando essa configuração está ativada, a conta carrega CSS personalizado, JS personalizado e jQuery. No entanto, a Loja Virtual Moderna não carrega automaticamente o jQuery UI, o jQuery Migrate ou o JS do Bootstrap.
Notas:
- O aviso que anteriormente desaconselhava o uso de scripts personalizados na Loja Virtual Moderna foi removido da página da Loja Virtual.
- Como administrador, você assume total responsabilidade pela manutenção contínua do CSS e JavaScript personalizados. O Canvas Catalog não se responsabiliza por conflitos causados por CSS ou JavaScript personalizados à medida que atualizações e melhorias são implementadas na base de código do Canvas Catalog.
Adicionar cabeçalho e rodapé de e-mail personalizados
Os cabeçalhos e rodapés personalizados de e-mail não substituem a formatação do modelo de e-mail. Em vez disso, eles estendem o cabeçalho e o rodapé do e-mail.
Insira o HTML do cabeçalho personalizado no campo Cabeçalho HTML do Layout Personalizado [1].
Insira o HTML do rodapé personalizado no campo Layout personalizado HTML do rodapé [2].
Para obter mais informações, consulte nosso guia sobre como criar modelos de e-mail personalizados para e-mails de notificação do catálogo.
Salvar personalizações de marca
Clique no botão Salvar .
