> ## 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-32513_15nhgtz.png) ### 商品圖片輪播 此選項可設定所有商品頁面圖片輪播的大小。圖片是在設定個別商品時所新增的。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-32559_kej9np.png) * 購物車 使用切換開關以允許不同商品訂單合併結帳；此選項不適用於訂金模式。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-32605_y1jxoz.png) * 屬性字 點擊 **+** 選擇要顯示在 MySite 主頁的標籤。顧客將能使用這些標籤來篩選商品。 新增的標籤可自訂 URL（受部分限制），或使用系統生成的 URL。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-32616_18a7hs3.png) * 取消訂單按鈕 此功能允許顧客在「查詢訂單」頁面提交取消申請。請注意，此功能不會自動取消訂單，狀態變更前需經過您的確認。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-32911_4o8vh9.png) # 線上銷售 > 主題設計 完成 MySite 首頁調整後，請前往 **線上銷售 > 主題設計** 來自訂您的配色方案。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-33535_f4a8bh.png) ### 顏色設定 在顏色設定中，您可以調整 MySite 的色調：**主色、輔助色、主要文字顏色、輔助文字顏色及按鈕顏色**。 點擊 **參考樣式** 可查看顏色在 MySite 各部分的應用情況，查看完畢後點擊 **確認**。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-33601_llkd1a.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-33938_1q3jm4w.png) ### 日曆樣式設定 選擇預訂畫面上要顯示的日曆樣式。 1. **普通樣式：** 僅顯示可預訂的日期（不可預訂的日期將顯示為灰色）。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-34131_fjqp93.png) 2. **日式樣式：** 在有排程的日期上，會直接顯示當天的價格與預訂狀態。 選擇日式樣式時，可設定門檻，當當日剩餘名額低於特定數值時，顯示 **▵** 符號。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-34136_ga2wri.png) ### 可供預訂狀態顯示設定 設定在預訂過程中是否顯示場次的剩餘庫存數量。 ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/4/2/3c42c391ede24800/2026-03-10-34220_1jkv82s.png)