Teste Automatizado Card Tab Select Sem Abas
Como criar o Componente Card Tab Select
Tutorial
- Componente Card Tab Select aceita os itens abaixo:- Título- Texto Rico- Link Arrow: Interno ou Externo, abertura na mesma aba ou nova aba- Preço- Imagem - 200 x 200px- Botão (sugerimos até 2 botões apenas)
Obs: Na composição deste componente "Card Tab Select" não temos a opção de divisão em abas.
O que contém a divisão em abas é o componente de nome "Tab Select", portanto temos com este componente mais uma opção que pode ser exibido na página sem a necessidade de divisão em abas. - Navegar em: Conteúdo>Conteúdos Compartilhados>Card Tab Select>Itens>clicar em +Item
1 - Inserir o nome do arquivo, que deve seguir a semântica:2 - Nome do componente3 - Caminho de onde se encontra o componente, se PF ou PJ, tudo minúsculo e separados por hífen:Ex: item-componente-card-tab-select-home-pf>Clicar em Salvar
4 - Será exibido uma janela com os campos para preenchimento do Item do seu Card
5 - Preencher os campos obrigatórios>Salvar>Publicar
Obs: Caso tenha que inserir Link, Preço, Imagem e Botão os mesmos devem ser cadastrados isoladamente ou podemos selecionar um já existente nos combos apresentados para cada componente ou até mesmo copiar um(Veja no Indice deste manual "Como copiar Componentes") - Navegar em: Conteúdo>Conteúdos Compartilhados>Card Tab Select>Listas>Clicar em +Item
1 - Inserir o nome do arquivo, que deve seguir a semântica:2 - Nome do componente3 - Caminho de onde se encontra o componente, se PF ou PJ, tudo minúsculo e separados por hífen:Ex: lista-componente-card-tab-select-home-pj>Clicar em Salvar4 - Inserir do lado direito da tela no campo "Itens de Card do Tab Select", usando o campo para a busca, os itens do card criados anteriormente que farão parte do seu Card Tab Select>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 "Card Tab Select" criado anteriormente;4- Isso irá criar um bloco com o nome "Card Tab Select vazio". Clicar nele;5- Na aba "Geral", clicar em "Selecionar" e na caixa em branco de "Selecionar Card Tab Select";6- Isso ira exibir uma lista com os itens de Card Tab Select. Clique na Lista do Card Tab Select 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 Card Tab Select
Subtitulo Card Tab Select
Titulo Tab Select 1
Texto [FULL] Ipsum, cacilds vidis,
- a ultravelocidade de 1 GIGA da Claro!
- Aproveite a ultravelocidade de 1 GIGA da !
Titulo Tab Select 2
Mussum Ipsum, cacilds vidis litro abertis. Mé faiz elementum girarzis, nisi eros vermeio. Sapien in monti palavris qui num significa nadis i pareci latim.
Titulo Tab Select 3
Mussum Ipsum, cacilds vidis litro abertis. Mé faiz elementum girarzis, nisi eros vermeio. Sapien in monti palavris qui num significa nadis i pareci latim.
Titulo Tab Select 4
Mussum Ipsum, cacilds vidis litro abertis. Mé faiz elementum girarzis, nisi eros vermeio. Sapien in monti palavris qui num significa nadis i pareci latim.
Rodapé
Netflix
Subtítulo
Titulo Tab Select 5
Mussum Ipsum, cacilds vidis litro abertis. Mé faiz elementum girarzis, nisi eros vermeio. Sapien in monti palavris qui num significa nadis i pareci latim.
Titulo Tab Select 6
Mussum Ipsum, cacilds vidis litro abertis. Mé faiz elementum girarzis, nisi eros vermeio. Sapien in monti palavris qui num significa nadis i pareci latim.
Titulo Tab Select 7
Mussum Ipsum, cacilds vidis litro abertis. Mé faiz elementum girarzis, nisi eros vermeio. Sapien in monti palavris qui num significa nadis i pareci latim.
Titulo Tab Select 8
Mussum Ipsum, cacilds vidis litro abertis. Mé faiz elementum girarzis, nisi eros vermeio. Sapien in monti palavris qui num significa modal blank
Passaporte
Roaming
Titulo Tab Select 9
Mussum Ipsum, cacilds vidis litro abertis. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo!
Titulo Tab Select 10
Mussum Ipsum, cacilds vidis litro abertis. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo!
Titulo Tab Select 11
Mussum Ipsum, cacilds vidis litro abertis. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo!
Titulo Tab Select 12
Mussum Ipsum, cacilds vidis litro abertis. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo!
Rodapé passaporte
Sem Imagem
Titulo Tab Select 13
Mussum Ipsum, cacilds vidis litro abertis. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo!
Titulo Tab Select 14
Mussum Ipsum, cacilds vidis litro abertis. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo!
Titulo Tab Select 15
Mussum Ipsum, cacilds vidis litro abertis. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo!
Titulo Tab Select 16
Mussum Ipsum, cacilds vidis litro abertis. Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo!
- Mussum
- Ipsum
- cacilds
- cacilds
- Mussum
testando a espaçamento rodape