Avançar para o conteúdo principal

Como criar uma opção de seleção de idioma?

Caso tenha crido uma páginas multi-idiomas, é possível criar uma opção para que o utilizador final possa selecionar o idioma em que prefere visualizar a página WEB.

Vejamos como criar esta funcionalidade.

Primeiro, identificamos a porção do código do template referente à alteração de idioma. Neste caso será o que está presente em baixo:

image-1643027158400.png

Vamos alterar o código para colocar o idioma atual da página, ou seja, aquele que está ativo.

Estas tags da plataforma a utilizar estão disponíveis no lado direito do modal de inserção de elementos em Elementos da Plataforma > Idioma.

image-1643027284579.png

Primeiro, altera-se a informação relativa ao idioma atual (imagem da bandeira e nome do idioma.

Nesta linha do código  <li><a href="#"><img src="images/en_flag.jpg" alt="">English</a> seleciona-se todo o elemento <img> e subtitui-se pela tag Bandeira do Idioma atual. Depois, substitui-se o título por Idioma Atual.

Agora, elimina-se todas os elementos <li> excepto um. A plataforma irá utilizar a estrutura deste para repetir o código para todos os idioma que foram selecionados anteriormente.

Insere-se uma quebra de linha por cima do elemento <li> que deixamos ficar e outra abaixo. Através do modal de inserção de elementos, colocamos por cima o Inicia repetidor de Idiomas disponíveis e, por baixo, Finaliza repetidor de Idiomas disponíveis.

Para finalizar, substitui-se todos a ligação href="" por Link, o elemento <img> por Bandeira e o nome do idioma por Nome.

No fim, o código deverá estar assim:

image-1643034007197.png

Feitas estas alterações, já será possível o utilizador final selecionar o idioma que pretende.