Tutorial: Localizando e Editando Seções na plataforma Conexão Azul
🧚‍♀️

Localizando e Editando Seções na plataforma Conexão Azul


Passo 1: Acessar as Ferramentas de Desenvolvimento do Navegador

  1. Abra o navegador (Google Chrome, Firefox, etc.) e navegue até a página do Odoo que deseja modificar.
  2. Pressione F12 no teclado ou clique com o botão direito em qualquer lugar da página e selecione “Inspecionar” para abrir as Ferramentas de Desenvolvimento do navegador.


Passo 2: Selecionar o Elemento a Ser Alterado

  1. Nas Ferramentas de Desenvolvimento, clique no ícone de Seleção de Elemento (ícone de uma seta apontando para um quadrado).
  2. Clique no elemento da página do Odoo que deseja inspecionar ou alterar. O código HTML correspondente será destacado nas Ferramentas de Desenvolvimento.

Passo 3: Verificar o Modo Desenvolvedor no Odoo

  1. Certifique-se de que o modo desenvolvedor no Odoo está ativado.
  2. Quando ativado, um ícone de besouro será exibido no canto superior direito da interface do Odoo.

Se o modo desenvolvedor não estiver ativado:

  • Adicione ?debug=1 no final da URL, como neste exemplo:

https://edudocente.conexaoazul.com/web?debug=1

  • Pressione Enter para recarregar a página com o modo desenvolvedor ativado.

Passo 4: Acessar as Definições

  1. Desça até o fim da página usando a barra de rolagem (scroll).
  2. No painel do Odoo, clique em “Definições” ou “Settings” (dependendo da língua).

Passo 5: Acessar o Menu Técnico

  1. No menu de Definições, encontre a opção Técnico (Technical).
  2. Clique em Técnico para expandir as opções.
  3. Desça a página até encontrar Visualizações (Views) e clique nela.

Passo 6: Localizar e Editar a Seção

  1. No campo de Pesquisa, digite o nome do elemento ou da seção que identificou na Ferramenta de Desenvolvimento do Google (HTML, classes, IDs, etc.).
  2. Nos resultados da pesquisa, selecione Arquitetura da Visualização (View Architecture).
  3. Agora você poderá visualizar o código relacionado ao elemento que deseja modificar.
  4. Faça as alterações necessárias no código e salve as mudanças.



Dicas Finais:

  • Sempre faça backup de quaisquer visualizações antes de editá-las para evitar perder o design original.
  • Utilize o modo desenvolvedor com cuidado, pois mudanças feitas diretamente na arquitetura podem afetar outras partes do sistema.




WhatsApp