> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://kb.rezio.io/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # オンライン販売｜MySite ＆ テーマデザイン # 概要 このセクションでは、**Rezio Admin** を使用して MySite のカスタマイズとデザインを行う方法を説明します。 --- # オンライン販売 > MySite [Rezio Admin ](https://admin.rezio.io)にログインし、**MySite** にアクセスして予約サイトのカスタマイズを開始してください。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-33000_wg4782.png) ### 商品画像スライドショー すべての商品ページにおける画像カルーセルのサイズを設定します。画像は各商品の設定時に追加されたものが表示されます。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-33041_lzdonx.png) * ショッピングカート トグルスイッチをオンにすると、異なる商品の注文をまとめて決済できるようになります。※このオプションではデポジット（手付金）は適用されません。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-33100_1m8fuaf.png) * 属性タグ **+** をクリックして、MySite のメインページに表示するタグを選択します。お客様はこれらのタグを使用して商品を絞り込むことができます。 追加したタグの URL は、一定の制限内でカスタマイズするか、システムが生成した URL を使用できます。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-33107_z9f2ct.png) * 注文キャンセルボタン お客様が「注文照会」ページから注文のキャンセルリクエストを送信できるようになります。なお、この機能では予約は自動的にキャンセルされず、ステータス変更には管理者の確認が必要となりますのでご注意ください。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-33119_1p1sj80.png) # オンライン販売 > テーマデザイン MySite ホームページの調整が終わったら、**オンライン販売 > テーマデザイン** に移動して配色をカスタマイズしてください。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-33843_115twi8.png) ### カラー設定 カラー設定では、MySite の色調（**メインカラー、サブカラー、メインテキストカラー、サブテキストカラー、ボタンカラー**）を調整できます。 **参照** をクリックすると、MySite の各パーツに色がどのように適用されるかを確認できます。確認後、**確定** をクリックしてください。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-33906_13b5cba.png) * 例：以下は Rezio のデフォルトカラー設定の例です ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67109836760/original/avUFhDs-aP392DNwO8UaDPXNpbLSwg58uQ.png?1725244852) 1. カラーボックスをクリックしてカラーパレットを開きます。 2. カラーパレット上で操作するか、Hex コード（16進数）を入力して色を変更できます。 3. 調整が終わったら、**保存** または **保存してプレビュー** をクリックしてください。 * **プレビュー：** 変更をプレビューするには、**オンライン販売 > MySite** に移動し、**保存してプレビュー** をクリックしてください。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-33931_164em58.png) ### カレンダー形式設定 予約画面に表示するカレンダーの形式を選択します。 1. **通常形式：** 予約可能な日付のみが表示されます（予約不可の日はグレーアウトします）。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-34333_17taltz.png) 2. **日本形式：** スケジュールがある日付に、その日の料金と予約状況が表示されます。 日本形式を選択した場合、残数が一定数を下回った際に **▵** 記号を表示するしきい値を設定できます。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-34317_3l8qc3.png) ### 予約枠の残数表示設定 予約手続き中に、各枠の残り在庫数を表示するかどうかを設定します。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-34246_pasb25.png)