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 componente
    3 - 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 componente
    3 - 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 Salvar
    4 - 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

Clique Aqui

Titulo Tab Select 1

Texto [FULL] Ipsum, cacilds vidis,

  1.  a ultravelocidade de 1 GIGA da Claro!
  • Aproveite a ultravelocidade de 1 GIGA da !

Prefixo R$8,99

R$9,99

Sufixo

Clique Aqui

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.

Prefixo R$ 129,99

R$99,99

Sufixo

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.

De R$ 8.999,99

R$9.999,99

Sufixo

Rodapé

Netflix

Subtítulo

Clique Aqui

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.

De R$ 8.999,99

R$9.999,99

Sufixo

Clique Aqui

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.

Prefixo

R$99.999,99

Sufixo

Clique Aqui

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.

Prefixo R$8,99

R$9,99

Sufixo

Clique Aqui

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

Prefixo R$8,99

R$9,99

Sufixo

Passaporte

Roaming

Clique Aqui

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!
Clique Aqui

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!
Clique Aqui

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!

Prefixo

R$99.999,99

Sufixo

Clique Aqui

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!

Prefixo R$8,99

R$9,99

Sufixo

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!

Por Apenas

R$100,00

a cada 3 meses

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!

A partir de:

R$39,90pordia

nos 10 primeiros meses

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!

A partir de:

R$45,90cada2semanas

nos 100 primeiros meses

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!

  1. Mussum
  2. Ipsum
  3. cacilds

  • cacilds
  • Mussum

Prefixo

R$59,90

Sufixo

testando a espaçamento rodape