Header

Documentação para implementação do Header Universal

Manutenção do header

O header do projeto gráfico é utilizado também em páginas que não utilizam o padrão do projeto gráfico.

Por essa razão, o header é um projeto à parte, para que funcione em qualquer página do UOL, seja ela de
conteúdo ou produtos.

Se você precisa dar manutenção no header, por favor, siga a documentação do projeto Header Universal:
https://stash.uol.intranet/projects/DCWEB/repos/projeto-header-universal/browse

O header utiliza as cores da estação definidas no objeto de configuração. As cores utilizadas são:

Cor no header	Cor no projeto	Descrição
color1	$p2	Cor da fonte dos textos com fundo
color2	$p4	Cor principal do fundo
color3	$p6	Background de ações com hover (aba ativa, menu, busca...)
color4	$p5	Linha divisória entre topo e canais
color5	$p1	Títulos das vitrines

O objeto header pode possuir os seguintes atributos:

chn-id: código chn para links com o track clicklogger. Essa informação pode ser obtida com o Targa
menu-id: código do canal, no publicador. Esse valor pode ser obtido no publicador do menu universal. No módulo "Primeiro nível do menu", copiar o valor do field Id do canal.
https: true ou false. Indica se a estação está sob protocolo HTTPS. Quando em HTTPS, a busca é removida do header. (default: false)
beta: true ou false. Exibe label "beta" no menu do canal e no header do scroll (default: false)
thinTpl: true ou false. Exibe o header no formato fino (default: false)

    "header": {
      "menu-id": "ctppblo",
      "chn-id": 23,
      "https": true
    }