Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Accueil Sirvoy
  • Contact
  • Se connecter
French
US English (US)
FR French
DE German
ES Spanish
NL Dutch
SE Swedish
FI Finnish
NO Norwegian
DA Danish
  • Accueil
  • Moteurs de réservation
  • Design & CSS

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

Written by johana

Updated at January 24th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Guide de démarrage
    Guides de configuration Importations de réservations
  • À propos de Sirvoy
    Généralités Détails techniques Sécurité et sauvegardes
  • Chambres et types de chambres
    Chambres et types de chambres Catégoriser vos Types de Chambres Offrir Ajouts ou Options
  • Moteurs de réservation
    Générateur de site Web Installation sur votre Site Web Ajuster le Moteur de Réservation Design & CSS Champs de Saisie Fonctionnalité Vérifiez votre réservation Suivi
  • Gestionnaire de canaux
    Mise en Place des Nouveaux Canaux Mappage de Types de Chambres Questions Générales Actualisation de Prix et Disponibilité Surréservations
  • Finances
    Installer une Solution de Paiement Gestion de Paiements Factures & Reçus Comptabilité Taxes & Surtaxes
  • Réservations
    Modifier des Réservations Vue des Réservations Modèles de Messages & Messagerie Automatique Communication Planification d’Entretien et Tâches
  • Tarifs et restrictions
    Prix & Réductions Restrictions Code Coupon & Réductions
  • Mon compte
    Personnaliser votre Compte Inscription Statistiques Exportation & API
+ Plus

Table des matières

Exemple de modification du titre du bouton « Recherche ».

 

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 ».

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.

 

 

Cela valait-il la peine d'être lu ?

Oui
Non
Vous avez repéré quelque chose de bizarre ? Faites-le nous savoir.

Articles connexes

  • Acceptation des paiements en ligne pour les réservations
  • Accepter des paiements avec PayPal
  • Modes de paiement pour Stripe

Besoin d'un coup de main de Sirvoy ?

Vous êtes au bon endroit.

  • Sirvoy
  • Se connecter
  • Contact

©2025 Sirvoy . All Rights reserved.

Knowledge Base Software by Helpjuice

Expand