Información general
La función de envolturas de idioma permite a los usuarios de Booking Engine Plus aplicar personalizaciones específicas del idioma de manera más efectiva, adaptando su experiencia en la plataforma a diferentes idiomas y proporcionando una navegación más localizada y personalizada para los usuarios.
Información importante
- El Equipo de soporte de Cloudbeds no ofrece servicios de desarrollo web ni soporte de resolución de problemas.
- Por favor, contacta a tu diseñador web o desarrollador para obtener asistencia adicional utilizando los códigos de personalización para tu motor de reservas.
Añadir estilos específicos para diferentes idiomas
- El código a continuación te permitirá añadir estilos específicos para el idioma inglés. Puedes definir estilos personalizados basados en el idioma seleccionado. Para añadir estilos específicos para otros idiomas, utiliza este selector principal editando el componente de idioma (abajo en rojo). Por ejemplo:
- Para portugués: html[lang="pt-br"] Ten en cuenta que los componentes de idioma siempre se especifican en minúsculas.
- Estos son los únicos pasos necesarios para aplicar estilos CSS a elementos basados en el idioma seleccionado.
Añadir envolturas de idioma a tu Booking Engine Plus
- Ve a la página de Configuración
de tu Menú de cuenta
y haz clic en la sección de Motor de reservas.
- Haz clic en Personalizar
- Copia y pega el código a continuación en el campo de Metaetiquetas personalizadas
- Haz clic en Guardar
<style>
html[lang="en"] .your-css-query-here {
/* Tus estilos CSS aquí... */
}
</style> Importante:
- Si utilizas clases CSS dinámicas para apuntar a los elementos de la interfaz de usuario (que tienen este formato: d-1uv2xnb), no podemos garantizar que tu personalización funcione en futuras actualizaciones del sistema.
- Los nombres de estas clases se crean dinámicamente en el momento de la compilación.
Personalización adicional (opcional)
Para ejecutar un script JS cuando el usuario cambia el idioma, suscríbete al evento language-changed. Simplemente incluye el fragmento a continuación en el campo de JavaScript de la página de personalización de tu Motor de reservas:
<script>
window.addEventListener("on-booking-engine-ready",
({ detail }) => {
const { eventSystem } = detail;
eventSystem.addEventListener("language-changed",
({ language }) => {
// Tu código JS aquí...
});
});
</script>
Comentarios
Inicie sesión para dejar un comentario.