O "Language Switcher" é a ponte do utilizador para a sua infraestrutura localizada. O MultiLipi suporta dois métodos distintos de injeção para equilibrar a facilidade de implementação com a integridade do projeto. Podes implementá-lo como uma Sobreposição Flutuante persistente (ideal para lançamento rápido) ou como um Elemento Embutido profundamente integrado (melhor para design personalizado).
Este guia detalha os passos de navegação e as diferenças técnicas entre ambas as estratégias.
1. Protocolo de Configuração (Navegação)
Aceder aos controlos da interface.
Para configurar a estratégia de posicionamento, siga este percurso no seu centro de comando:
Passo 1: Aceder ao Painel
Inicie sessão na sua conta MultiLipi para aceder à visualização Home.
Passo 2: Selecionar o Projeto
Clique no Project Tile específico do site que pretende configurar.
Passo 3: Definições de Acesso
Na barra lateral esquerda, clique em Definições.
Passo 4: Localizar o Módulo
No submenu ou na lista de definições, selecione Language Switcher.
Ação:
Aqui verá a opção para alternar entre modos Flutuante e Embutido.
2. O Comutador Flutuante (Modo de Sobreposição)
Implementação rápida via injeção JS.
Que passa?
O Floating Switcher é um widget autónomo injetado no DOM via JavaScript. Situa-se no eixo Z acima do conteúdo do seu site, ancorado num canto da janela de visualização.
Posicionamento: Configurável para qualquer um dos quatro quadrantes:
- • Canto inferior esquerdo (por defeito) / Canto inferior direito
- • Canto superior esquerdo / canto superior direito
Vantagem Arquitetónica:
- • Código Zero: Não é necessário editar HTML. Funciona instantaneamente após a injeção de script.
- • Compatibilidade Universal: Garantido para renderizar em qualquer plataforma (WordPress, Shopify, Webflow) sem interromper os fluxos de layout.
- • Mobile Responsive: Escala e reposiciona automaticamente para visores mais pequenos.
Ideal para: Equipas que precisam de uma solução "Plug-and-Play" sem envolver um programador frontend.
3. O Switcher Embutido (Modo de Integração)
Inserção de DOM sem falhas.
Que passa?
O Embedded Switcher permite-lhe injetar o interruptor de linguagem diretamente num contentor específico dentro da sua estrutura HTML, como a barra de navegação <nav>() ou rodapé.</nav>
O Mecanismo: Fornece um Seletor CSS específico (ID ou Classe) no painel MultiLipi.
Exemplo de Entrada: #menu-item-língua ou .navbar-right.
A Ação: O nosso script analisa o DOM à procura desse seletor específico e renderiza o comutador dentro desse elemento, herdando as restrições de layout do seu pai.
Ideal para: Designers que precisam de controlo pixel-perfect e querem que o comutador pareça uma parte nativa do sistema de menus da interface.
4. O Protocolo de Failover (Lógica de Segurança)
Garantir a disponibilidade da interface.
Em ambientes web dinâmicos, IDs e Classes podem mudar. O que acontece se implementares um Switcher Embutido direcionado a #nav-lang, mas o teu programador acidentalmente renomear esse ID para #nav-menu?
O MultiLipi executa um Failover Automático:
- • Varredura: O script tenta localizar o seletor CSS alvo.
- • Falha: Se o alvo não for encontrado (nulo), o script sinaliza um erro.
- • Recuperação: Reverte automaticamente para o Modo Flutuante.
- • Resultado: O comutador aparece na posição flutuante padrão (por exemplo, Canto Inferior Direito), garantindo que o utilizador ainda pode mudar de idioma, mesmo que o layout esteja avariado.
- • Depuração: É registado um aviso na consola para que os seus programadores corrijam o seletor.