Personalización con CSS de los textos del motor de reservas

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. 

1. Ve a Configuración -> Motor de reservas. 
2. Haz clic en los tres puntos situados junto al motor de reservas que quieras.
3. En la lista desplegable, haz clic en “Editar”.
4. Selecciona la pestaña “CSS personalizado”.

Todos los elementos que tienen la clase “sirvoy-flexible-text” también tienen:

1. Clase específica “sft-trans-key-SPECIFIC-KEY”.
2. 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”.