Visão geral
O recurso de wrappers de idioma permite que os usuários do Motor de Reservas Plus apliquem personalizações específicas de idioma de forma mais eficaz, adaptando a experiência da plataforma para diferentes idiomas e oferecendo uma navegação de usuário mais localizada e personalizada.
Informações importantes
- A Equipe de Suporte da Cloudbeds não fornece serviços de desenvolvimento web ou suporte de resolução de problemas.
- Entre em contato com o designer ou desenvolvedor do seu site para obter assistência adicional usando os códigos de personalização para o seu motor de reservas.
Adicionando estilos específicos para diferentes idiomas
- O código abaixo permitirá que você adicione estilos específicos para o idioma inglês. Você pode definir estilos personalizados com base no idioma selecionado. Para adicionar estilos específicos para outros idiomas, use este seletor primário editando o componente de idioma (abaixo em vermelho). Por exemplo:
- Para Português: html[lang="pt-br"] Observe que os componentes do idioma são sempre especificados em minúsculas.
- Essas são as únicas etapas necessárias para aplicar estilos CSS para elementos com base no idioma selecionado.
Adicionando wrappers de idioma ao seu Motor de Reservas Plus
- Acesse a página de Configurações
do Menu de sua Conta
e clique na seção Motor de Reservas;
- Clique em Personalização;
- Copie e cole o código abaixo no campo Meta Tags Personalizadas
- Clique em Salvar.
<style>
html[lang="en"] .sua-query-css-aqui {
/* Seus estilos CSS aqui... */
}
</style> Importante:
- Se você usar classes CSS dinâmicas para segmentar os elementos da interface do usuário (que têm este formato: d-1uv2xnb), não podemos garantir que sua personalização funcionará em futuras atualizações do sistema.
- Os nomes dessas classes são criados dinamicamente no momento da compilação.
Personalização adicional (opcional)
Para executar um script JS quando o usuário altera o idioma, inscreva-se no evento language-changed. Basta incluir o trecho abaixo no campo de Código JavaScript da página de personalização do seu Motor de Reservas:
<script>
window.addEventListener("on-booking-engine-ready",
({ detail }) => {
const { eventSystem } = detail;
eventSystem.addEventListener("language-changed",
({ language }) => {
// Seu código JS aqui...
});
});
</script>
Comentários
Por favor, entre para comentar.