Banner Custom

Como criar o componente Banner Custom

Tutorial

  • Componente Banner Custom aceita os itens abaixo:

    ABA GENERAL

    - Imagem do Banner em formato JPG: Padrão (1920x420px) Tablet (768x720px) Mobile (768x720px).
    - Imagem do Logo em formato JPG: (72x72px)
    - Imagem do Programa em formato JPG: (altura máxima 200px e largura máxima de 780px)
    Além disso aceita também Título, Subtítulo, Descrição, Preço, Botão, Texto Legal e Texto Informativo

    ABA COR DO TEXTO

    Temos os campos:

     - Cor do Título
     - Cor do Subtítulo
     - Cor da Descrição
     - Cor do Price
     - Cor do Texto Legal
     - Cor do Texto Informativo, todos estes campos com as opções: Primária, Secundária e de Vendas
     



  • Navegar em: Conteúdo>Conteúdos Compartilhados>Banner>Itens>Custom>Clicar em +Item e inserir o nome do arquivo
    O nome do arquivo deve seguir a semântica: 
    1 - Nome do componente
    2 - Caminho de onde se encontra o componente, tudo minúsculo e separados por hífen, se pf ou pj:
    Ex: banner-custom-home-pf> Salvar
    3 - O sistema exibe a tela para preenchimento dos campos:

     - Imagem do Banner
     - Imagem do Logo
     - Imagem do programa
     - Título
     - Subtítulo
     - Descrição 
     - Preço
     - Botão: lembrando que o botão é o mesmo cadastro de um link
     - Texto Legal
     - Texto Informativo

    4 - Inserir os itens do componente numa lista em Conteúdo>Conteúdos Compartilhados>Banner>Listas

    Obs: Preecher os campos respeitando as regras de negócios do passo 1 deste manual.