ヘッダー/フッター・デザイン設定

施設管理画面から[設定]→[ウィジェット設定]の[予約ウィジェット]を選択します。

予約ウィジェットを選択します。

ヘッダーの設定

ヘッダーの設定はホテル名・ロゴ・カスタマイズの三種類から選択します。

ホテル名は設定不要でご利用可能です。

ロゴを使用する場合は選択後下の画像のような画面が表示されますので、画像のアップロードを行ってください。

ホテル名・ロゴを選択した場合は各ホテルの下のサンプル画像のような形で表示されます。

所定のヘッダーデザインを入れたい場合はカスタマイズを選択しHTMLのコード・CSSのコードを入力します。

例：PC版とスマホ版の表示を別にしたい場合

HTML:

<div id="my-pc-header-container">
  ... put your PC header here ...
</div>
<div id="my-mobile-header-container">
  ... put your Mobile header here ...
</div>

CSS:

/* pc case */
#my-pc-header-container {
  display: block;
}
#my-mobile-header-container {
  display: none;
}

/* mobile case */
@media screen and (max-width:767px){
  #my-pc-header-container {
    display: none;
  }
  #my-mobile-header-container {
    display: block;
  }
}