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é sous Paramètres -> Moteur de réservation -> Gérer les moteurs de réservation -> Modifier -> 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 ».

Note: Tout code CSS personnalisé n’affectera que la version intégrée du moteur de réservation et le plugin WordPress. Cela n’affectera pas le moteur de réservation sur le Générateur de site web Sirvoy ou sur la page autonome.