Sirvoy ofrece la posibilidad de cambiar textos y traducciones en las páginas de administración del motor de reservas, pero en los casos en los que no hay ninguna opción, puedes modificar algunos textos con CSS mediante dirigir a una clase de elemento específica.
Los elementos que tienen la clase “sirvoy-flexible-text” pueden modificarse desde la página de CSS personalizado.
- Ve a Configuración -> Motor de reservas.
- Haz clic en los tres puntos situados junto al motor de reservas que quieras.
- En la lista desplegable, haz clic en “Editar”.
- Selecciona la pestaña “CSS personalizado”.
Todos los elementos que tienen la clase “sirvoy-flexible-text” también tienen:
- Clase específica “sft-trans-key-SPECIFIC-KEY”.
- Clase de idioma específico para señalar un cambio de texto para un idioma específico, por ejemplo en inglés: “sft-lang-en”.. (Cada idioma está representado por un código de idioma de dos letras; inglés “-en”, francés “-fr”, sueco “-sv”, etc.)
Ejemplo de cómo cambiar el título del botón “Buscar”
El markup para el título del botón “Buscar” es:
(observa las dos clases “sft-lang-en” y “sft-trans-key-booking-form-button-search” )
<span class=" sirvoy-flexible-text sft-lang-en sft-trans-key-shared-button-search sft-initialized" data-translation-key="shared.button.search"> <div class="sft-text"> Search </div> </span>
Para cambiar el título del botón “Buscar” para inglés y sueco, podemos hacer lo siguiente:
.sft-lang-en.sft-trans-key-shared-button-search .sft-text, .sft-lang-sv.sft-trans-key-shared-button-search .sft-text {
display: none !important;
}
.sft-lang-en.sft-trans-key-shared-button-search::after {
content: "My button title";
}
.sft-lang-sv.sft-trans-key-shared-button-search::after {
content: "Min knapptitel";
}
Versión en inglés:
Versión en sueco:
Los principios anteriores para cambiar textos se aplican a cualquier otro cambio de texto que quieras realizar en el motor de reservas en elementos con la clase “sirvoy-flexible-text”.