Teste Automatizado Acordeon

Como criar o Componente Accordion

Tutorial

  • Componente Accordion permite inserir:
    1 - Título que é o Título da aba
    2 - Texto rico, permitindo hiperLink: Interno ou Externo, abertura na mesma aba ou nova aba,clicando no ícone demonstrado como uma corrente!
    3 - Título e Texto são campos obrigatórios para o componente renderizar corretamente na página.
    4 - Componente Acordeon aceita HTML5 no campo texto.
    5 - Pode inserir o acordeon no componente card de vendas.
  • Navegar em: Conteúdo>Conteúdos Compartilhados>Accordion>Itens>+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
    3 - Se PF ou PJ, tudo minúsculo e separados por hífen: 
    Ex: item-componente-accordion-home-internet-fixal-pf.
    4 - Preencher os campos obrigatórios como "Título" e "Texto">Salvar>Publicar

  • Navegar em: Conteúdo>Conteúdos Compartilhados>Accordion>Listas>+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
    3 - Se PF ou PJ, tudo minúsculo e separados por hífen 
    Ex: lista-componente-accordion-home-fixa-pj.>Salvar
    4 - Inserir do lado direito da tela no campo "Accordion Item", usando o campo para a busca, os itens criados anteriormente que farão parte do seu accordion>Salvar>Publicar
     
  • 1- Acessar a página que irá receber o componente em "Home > Site"; (Ver no índice deste manual o item "Como criar página no storyblok)
    2- Na aba "Geral", clicar em "+Adicionar bloco";
    3- Selecionar na lista, o item "Accordion " criado anteriormente;
    4- Isso irá criar um bloco com o nome "Accordion  vazio". Clicar nele;
    5- Na aba "Geral", clicar em "Selecionar" e na caixa em branco de "Selecionar Institucional";
    6- Isso ira exibir uma lista com os itens de Accordion . Clique no Accordion  desejado;
    7- Se desejar inserir um Titulo, subtítulo e rodapé para o bloco criado, clicar na aba "Opções" e em "Propriedades Avançadas" e inserir os valor nos respectivos campos.
    8- Clicar em "Salvar" e "Publicar"

Título Accordion

Subtítulo Accordion

  • O que é o NOW
    É uma plataforma exclusiva para clientes Claro assistirem aos lançamentos do cinema, séries, conteúdos gratuitos, infantil, programas de TV, esportes, notícias ao vivo e muito mais! E o melhor, de qualquer tela e sempre que quiser!

    Aproveite a ultravelocidade de 1 GIGA da Claro!
    Conecte múltiplos dispositivos e baixe diversos arquivos ao mesmo tempo, assista conteúdos de streaming e 4K com total qualidade, jogue online e ainda melhora sua conexão com 1 Ponto Ultra incluso no plano.
  • Qual é a vantagem?
    1 filme totalmente grátis no NOW, de presente para quem for elegível.
     
    Quem recebe o presente?
    Cliente que adquirir um pacote de TV HD com NOW ou realizar um upgrade no seu plano de TV (Claro net tv e Claro box tv)
     
    Regras de utilização?
    O cliente tem até 30 dias para resgatar o presente no NOW pela TV a partir do dia seguinte à instalação/upgrade de pacote de tv. Após o aluguel, o filme escolhido fica disponível para assistir por 48h. Oferta válida para filmes de até R$18,90, caso o cliente opte por um filme com valor maior, a diferença será cobrada na fatura Claro.
  • Mussum Ipsum, cacilds vidis litro abertis. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo! Mé faiz elementum girarzis, nisi eros vermeio. Suco de cevadiss, é um leite divinis, qui tem lupuliz, matis, aguis e fermentis. Sapien in monti palavris qui num significa nadis i pareci .

    1.  matis, aguis e fermentis. Sapien in monti palavris qui num significa nadis i pareci latim.

    • matis, aguis e fermentis. Sapien in monti palavris qui num significa nadis i pareci latim .

  • Mussum Ipsum, cacilds vidis litro abertis. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo! Mé faiz elementum girarzis, nisi eros vermeio. Suco de cevadiss, é um leite divinis, qui tem lupuliz, matis, aguis e fermentis.  in monti palavris qui num significa nadis i pareci latim.

     

     

    1.  matis, aguis e fermentis. Sapien in monti palavris qui num significa nadis i pareci latim.

    • matis, aguis e fermentis. Sapien in monti palavris qui num significa nadis i pareci latim .

Rodapé 1 - ID Link âncora: COMP-ANCORA-01 link =>