> ## 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).

# 販売ツール：デザイン設定

# 概要

このガイドでは、[rezio Admin 管理画面](https://admin.rezio.io)において、「**予約サイト**」および rezio バウチャーで使用するカラー（配色）の設定方法について説明します。
---

**目録**
* [色の設定](#1-6imy44gu6kit5a6a)
* [カレンダーのスタイル設定](#1-44kr44os44oz44oa44o844gu44k544k44kk44or6kit5a6a)
* [在庫の表示設定](#1-5zyo5bqr44gu6kgo56s66kit5a6a)
---

###### 販売ツール ▶︎ デザイン設定

![](https://storage.crisp.chat/users/helpdesk/website/-/6/c/2/8/6c2860553e98bc00/49afeeb8-13e7-4f80-9dac-f48721_g6u8iu.png)

# 色の設定

販売ページのテーマカラーを設定します。

メインカラー、サブカラー、テキストメインカラー、テキストサブカラー、ボタンの色およびボタンの文字色をカスタマイズできます。

![](https://storage.crisp.chat/users/helpdesk/website/-/a/1/1/8/a1189fbf7a53b800/df1e3460-942c-424e-98cb-334467_18we803.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/6/8/c/a/68ca19a56283fc00/fe1ea413-c2aa-4287-accc-c2820e_1xvnsw3.png)

1. 『クリックでイメージを表示』ボタンから、反映イメージを確認することができます
2. 変更したい項目のカラーボックスをクリック
3. 色見本が表示されます
4. 色を選択、またはカラーコードを入力してください

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/9/3/f1931f106f01b000/0fd1d65b-e5a1-4498-820e-87fe38_sctdnu.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/a/c/2/8/ac28e14bd12d9800/b402031e-12a1-4d6a-91bd-8334bc_f93xsb.png)

5. 設定完了後、保存 または 保存＆プレビュー をクリック

![](https://storage.crisp.chat/users/helpdesk/website/-/b/b/4/b/bb4bc8d3a0265800/9a31aa2b-9eb0-4d2b-9782-f78a50_1pd0xgz.png)

|| ヒント：色の設定は、バウチャーにも反映します。

![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/f/c/95fc52f7ada83800/7061a0ae-489b-4dde-808b-8b2841_x06d4i.png)

# カレンダーのスタイル設定

お客様が商品購入時に利用日を選択する際の、カレンダーの表示形式を選択します。『共通スタイル』と『和式スタイル』から選択してください。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67115791451/original/pAz6cGN2z6ZZEhJsWBh7OwU2ViTZFLVZQg.png?1731049515 =451xauto)
販売残数低下時の表示設定：和式スタイルでは販売可能数が設定した数値を下回った際に、▵マークが表示されます。


# 在庫の表示設定

お客様が商品の予約枠*を選択する際に、残りの在庫数を表示することができます。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67115791441/original/BVhAZTNrxK7Jf6Sbka9rxPoxBqjW_z9wow.png?1731049510 =364xauto)