Passar para o conteúdo principal
Como usar a navegação por Breadcrumb na Rockty 🎥

Aprenda a usar o Breadcrumb para navegar entre os componentes de uma página dentro do construtor

Sinésio Alves avatar
Escrito por Sinésio Alves
Atualizado há mais de uma semana

Introdução

Manter o controle sobre todos os componentes de suas páginas pode ser um desafio, especialmente quando se trabalha com estruturas complexas. O recurso de navegação por Breadcrumb na Rockty facilita essa tarefa, permitindo que você navegue facilmente entre os diferentes níveis de componentes em suas páginas. Neste tutorial, você aprenderá como usar o Breadcrumb para obter total controle sobre sua estrutura de páginas.

📺 Assista ao vídeo abaixo para uma demonstração prática, ou continue lendo para mais detalhes sobre como usar o Breadcrumb na Rockty.


1. O que é o Breadcrumb?

O Breadcrumb é uma ferramenta essencial para navegar entre os níveis de componentes dentro do construtor da Rockty. Localizado no topo do menu lateral esquerdo, ele oferece uma visão clara da hierarquia de componentes na sua página.


2. Hierarquia de Componentes

A Rockty organiza seus componentes em uma hierarquia, onde:

  • Elementos (verde) estão contidos dentro de Colunas (laranja),

  • Colunas (laranja) estão contidas dentro de Linhas (azul),

  • Linhas (azul) estão contidas dentro de Containers/Seções (verde água).

Por exemplo, para adicionar uma imagem à sua página, a estrutura mínima deve ser:

  • Container/Seção > Linha > Coluna > Elemento (imagem).


3. Como usar o Breadcrumb

O Breadcrumb exibe o caminho hierárquico até o componente selecionado, facilitando a navegação e configuração:

  1. Selecionando um Elemento
    Ao selecionar um Elemento (verde), o Breadcrumb mostra o caminho:
    Container/Seção > Linha > Coluna > Elemento

  2. Selecionando uma Coluna
    Ao selecionar uma Coluna (laranja), o Breadcrumb mostra:
    Container/Seção > Linha > Coluna

  3. Selecionando uma Linha
    Ao selecionar uma Linha (azul), o Breadcrumb mostra:
    Container/Seção > Linha


O Breadcrumb pode exibir até quatro atalhos de navegação:

  • CON (Container/Seção)

  • LIN (Linha)

  • COL (Coluna)

  • ELEMENTO

💡 Dica Importante:
Embora você possa acessar o Breadcrumb a partir de qualquer componente, é recomendável iniciar a navegação a partir dos elementos verdes. Isso garantirá que você sempre tenha acesso ao caminho completo da hierarquia.


Conclusão

O Breadcrumb é uma ferramenta poderosa para gerenciar e configurar a estrutura de suas páginas na Rockty. Usando esta funcionalidade, você poderá navegar de forma eficiente entre os diferentes níveis de componentes, garantindo um controle mais preciso sobre o design e o layout das suas páginas.


Precisa de Ajuda?

Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!

Respondeu à sua pergunta?