Belegungskalender: Unterschied zwischen den Versionen

Aus Beds24 Wiki
Zur Navigation springen Zur Suche springen
 
(7 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
[[Category:Widgets]]
+
[[Category:Legacy_Widgets]]
 +
<div class="heading">Legacy Belegungskalender</div>
  
 +
<div class="warning">{{#fas:exclamation-triangle}} Dieses Widget wird nicht mehr unterstützt. Wenn möglich nutzen Sie die aktuellen Widgets, die Sie über den Widget Designer unter  {{#fas:cog}} (KONFIGURATION) ->BUCHUNGSMASCHINE-> WIDGETS erstellen können. </div>
  
This widget designer lets you create your own availability calendar widget.  
+
Gehen Sie  {{#fas:cog}} (SETTINGS) BUCHUNGSMASCHINE  > WIDGETS > BUTTON und klicken Sie auf den Link unten.  
  
Use the selector to define if the link should open your booking page displaying all properties (in case you have more than one), a property or a room.
 
  
 +
Sie können das Erscheinungsbild an den Look ihrer Website anpassen. Klicken sie auf "Speichern" um zu sehen, wie die das geänderte Widget aussieht. Wenn sie mit dem Ergebnis zufrieden sind, klicken sie auf "Code generieren" kopieren den Code und fügen ihn im Quellcode Ihrer Website dort ein, wo sie das Widget anzeigen möchten.
  
You can customise defining:
 
*text color
 
*text not in month color -olour of dates that are not in the month on the availability calendar widget
 
*background color - if you dont want a fading effect, set both colours the same
 
*available dates background color
 
*avialabile dates hover colour -  mouse hover over background colour of available nights
 
*unavailable dates background color
 
*referrer text - If you use widgets on different webssites you may use different referrers on each. This text will be recorded with any bookings originating from this widget allowing tracking of booking sources.
 
  
 +
Wenn das Widget nicht in den vorgesehenen Platz passt, können sie die Größe mit folgendem CSS anpassen
 +
 
 +
*Kopieren sie das CSS entweder in ihren Stylesheet
  
You can change the settings and click on SAVE. Click on GET CODE. Copy the code to where you want to display the widget in the websites source code. The settings will be stored. Once you have insatlled the widget and want to change colours you only need it to do here and the changes will appear automatically on your website.  
+
*oder in den HEAD Ihrer Seite. section of your page
 
 
 
 
If the widget does not fit into its designated place you can override the CSS padding for the buttons and make them smaller with the following CSS
 
   
 
.beds24availcal input {padding:5px;}
 
 
 
Either add the above directly to your CSS or add the following to the HEAD section of your page, if necessary change the 5px to a better value.
 
 
 
Code: Select all
 
 
<style>
 
<style>
 
.beds24availcal input {padding:5px;}
 
.beds24availcal input {padding:5px;}
 
</style>
 
</style>
  
 
+
Falls notwendig, können sie 5px durch einen anderen Wert ersetzen.
Our webdesigner can do the adjustments and/or installation for you for a small fee. Just send us a message with your requirements via SUPPORT in the top menu.
 

Aktuelle Version vom 15. Mai 2020, 13:32 Uhr

Legacy Belegungskalender
Dieses Widget wird nicht mehr unterstützt. Wenn möglich nutzen Sie die aktuellen Widgets, die Sie über den Widget Designer unter (KONFIGURATION) ->BUCHUNGSMASCHINE-> WIDGETS erstellen können.

Gehen Sie (SETTINGS) BUCHUNGSMASCHINE > WIDGETS > BUTTON und klicken Sie auf den Link unten.


Sie können das Erscheinungsbild an den Look ihrer Website anpassen. Klicken sie auf "Speichern" um zu sehen, wie die das geänderte Widget aussieht. Wenn sie mit dem Ergebnis zufrieden sind, klicken sie auf "Code generieren" kopieren den Code und fügen ihn im Quellcode Ihrer Website dort ein, wo sie das Widget anzeigen möchten.


Wenn das Widget nicht in den vorgesehenen Platz passt, können sie die Größe mit folgendem CSS anpassen

  • Kopieren sie das CSS entweder in ihren Stylesheet
  • oder in den HEAD Ihrer Seite. section of your page

<style> .beds24availcal input {padding:5px;} </style>

Falls notwendig, können sie 5px durch einen anderen Wert ersetzen.