Comment personnaliser votre moteur de réservation pour groupes

Modifiez la couleur de l’étiquette lorsque la souris la survole. Remplacez le code couleur #008000 par une autre couleur de votre choix et ajoutez ce code dans la section En-tête personnalisé pour votre page de réservation d’hôtel :

<style>
.not_available i.fa-tag:hover {
  color: #008000;
  cursor: pointer;
}
</style>

Remplacez #aaa par le code couleur de votre choix. Ajoutez le code suivant dans la section En-tête personnalisé pour votre page de réservation d’hôtel :

<style>
.not_available {background: #aaa}
</style>

Remplacez les mots « ADD TEXT HERE » par le texte souhaité dans le code suivant, puis appliquez-le dans la section Balises méta personnalisées :

<style>
.price_box .not_available {
  font-size: 0;
}
.price_box .not_available:after {
  content: "ADD TEXT HERE";
  font-size: 10px;
}
</style>

Ajoutez le code suivant dans la section En-tête personnalisé pour votre page de réservation d'hôtel et remplacez #fff par le code couleur de votre choix :

<style>
.sidebar_white_box button {
  background: #fff none repeat scroll 0 0;
}
</style>

Modifiez la couleur du bouton lorsque la souris le survole. Remplacez #000 par le code couleur de votre choix. Ajoutez le code suivant dans la section En-tête personnalisé pour votre page de réservation d'hôtel :

<style>
div.sidebar_white_box.form-group button:hover 
{ 
background: #000; 
}
</style>

Changez la couleur de la police pour une autre couleur. Remplacez #fff par le code couleur souhaité :

<style>
div.sidebar_white_box.form-group button 
{ 
color: #fff
}
</style>

1. Ouvrez Google Maps.
2. Trouvez l’emplacement de votre établissement.
3. Cliquez sur Partager.

4. Cliquez sur Intégrer une carte.
5. Cliquez sur Copier le HTML (cela copiera le code complet). Le code doit commencer par <iframe> et se terminer par </iframe>.

Exemple : Le code surligné en rouge ci-dessous indique la langue de la carte, l’anglais (en). Si nécessaire, vous pouvez la changer pour d’autres langues (p. ex. espagnol (es), portugais (pt), etc.).

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7886.465207518082!2d115.1726561!3d-8.764173!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd244f35b8a5d05%3A0xd42d4da6a44aa938!2sJimbaran%20Beach!5e0!3m2!1sen!2sid!4v1596624024065!5m2!1sen!2sid" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

Ajoutez le code suivant dans la section Balises méta personnalisées. Remplacez « Mettez ici l’URL de votre Google Map » par l’URL Google Maps obtenue à l’Étape 1.

<style> #map_canvas, #map_canvas_big {  display: none; } </style> <script type="text/javascript"> window.addEventListener("load", function(event) {   //ajouter l’iframe Google Maps   var d1 = document.getElementById('map_canvas');  d1.insertAdjacentHTML('afterend', 'Mettez ici l’URL de votre Google Map'); }, false); </script> <script type="text/javascript"> window.addEventListener("load", function(event) {   //ajouter l’iframe Google Maps   var d1 = document.getElementById('map_canvas_big');  d1.insertAdjacentHTML('afterend', '<iframe src="Mettez ici l’URL de votre Google Map" width="100%" height="274">'); }, false); </script>