Personnalisation des textes du moteur de réservation avec le code CSS

Sirvoy offre la possibilité de modifier les textes et les traductions sur les pages d’administration du moteur de réservation, mais dans les cas où il n’y a pas d’option, vous pouvez modifier certains textes avec CSS en ciblant une classe d’élément spécifique.

Les éléments qui ont la classe « sirvoy-flexible-text » peuvent être modifiés à partir de la page du code CSS personnalisé. 

1. Dans Sirvoy, allez dans Paramètres -> Moteurs de réservation. 
2. Cliquez sur les trois points verticaux adjacents au moteur de réservation de votre choix.
3. Dans la liste déroulante, cliquez sur « Modifier ».
4. Cliquez sur l’onglet « Code CSS personnalisé ».

Tous les éléments qui ont la classe  » sirvoy-flexible-text  » ont également une :

1. Classe spécifique « sft-trans-key-SPECIFIC-KEY« .
2. Classe spécifique à la langue permettant de repérer un changement de texte pour une langue spécifique, par exemple en anglais :   « sft-lang-en » .  (Chaque langue est représentée par un code de langue à deux lettres ; anglais « -en », français « -fr », suédois « -sv » etc.)

Exemple de modification du titre du bouton « Recherche ».

Le balisage (markup) du titre du bouton « Rechercher » est le suivant :

(remarquez les deux classes « sft-lang-fr » et « 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>

Pour modifier le titre du bouton « Recherche » pour l’anglais et le suédois, nous pouvons procéder comme suit :

.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";
}

Version anglaise :

Version suédoise :

Les principes ci-dessus pour la modification des textes sont acceptés pour toute autre modification de texte que vous souhaitez effectuer dans le moteur de réservation dans les éléments avec la classe « sirvoy-flexible-text ».