> ## 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) 中，有關 My Site 商品頁及訂購流程相關頁面的設定。 --- ###### 快速跳到 * [行程照片輪播圖](#1-6kgm56il54wn54mh6lyq5pkt5zyw) * [購物車](#1-6lo854mp6luk) * [個別需求欄位](#1-5ycl5yil6zya5rgc5qye5l2n) * [訂單取消按鈕](#1-6kic5zau5yw5rai5oyj6yiv) * [日曆樣式設定](#1-5pel5pug5qij5byp6kit5a6a) * [剩餘可售量顯示設定](#1-5ymp6asy5yv5zsu6yep6agv56s66kit5a6a) --- ### 銷售工具 > 我的訂位網站 [點擊登入 rezio Admin 管理後台](https://admin.rezio.io) 並完成 My Site 的設定 ![](https://storage.crisp.chat/users/helpdesk/website/-/9/8/4/7/9847ca6f9041d800/8216267a-56ca-4cc3-96b7-dd6bd7_6dpbyo.png =300x416) 進入「我的預訂網站」設定頁面，進行行程商品頁以及後續訂購流程相關的設定。 --- # 行程照片輪播圖 這裡是設定行程頁面最上方的大圖，要如何顯示。 1. 若選擇「完整圖片」，當圖片不符合預設的比例時，圖片上下會出現留白： ![](https://storage.crisp.chat/users/helpdesk/website/-/5/7/b/4/57b4b13a6cdd2800/a48356fa-4eed-4395-ae75-93a86d_15rnarz.png =900x617) 2. 若選擇「填滿建議尺寸」，當圖片不符合預設的比例時，左右兩邊可能會被裁切： ![](https://storage.crisp.chat/users/helpdesk/website/-/8/0/f/8/80f872d232801800/677ee794-7232-420f-a8ee-abed3e_eghrdg.png =900x617) --- # 購物車 啟用此功能後，在選擇訂購項目時就會出現 加入購物車 的按鈕，讓顧客可合併多張訂單一起付款。 ![](https://storage.crisp.chat/users/helpdesk/website/-/a/d/8/a/ad8a4e3ace0c100/85b9bcc7-fb0e-4483-8aa6-45eb29_1s440ac.png =900x323) 頁面的右上方也會出現購物車的按鈕： ![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/c/9/ecc9e98e5afd6000/0aff2b9f-d29c-4eb0-8f4c-61eba3_ajz460.png =900x153) --- # 個別需求欄位 此開關可控制是否在顧客的訂購流程中，顯示「個別需求」欄位讓他填寫備註，填寫的內容將顯示在 訂單詳情－客戶備註 中。 ![](https://storage.crisp.chat/users/helpdesk/website/-/5/1/9/3/51932ccd06283000/3e3f66d6-621c-4ce1-8955-607bef_6xzpuq.png =900x352) --- # 訂單取消按鈕 此開關可控制是否在顧客 查詢訂單 的頁面中，顯示「取消訂單」的按鍵，讓顧客可自行提出取消申請。 ![](https://storage.crisp.chat/users/helpdesk/website/-/b/8/3/7/b837a807c5510800/695b3ea6-b327-49af-b395-23a123_1fuc4qq.png =900x452) --- # 日曆樣式設定 進入 **銷售工具 - 主題設計** 頁面： ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108183287/original/qzlKxBhneBdN_PMrN9oDs6e_1HqKavzAOQ.png?1723522464 =300x408) 在 **日曆樣式設定** 選擇預訂畫面要顯示的日曆風格。 1. **通用風格**：只會顯示可預訂的日期（無法預訂的日期顯示為灰色）。 ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108189537/original/Vohw8SadU5AvetfFzIqeu41xYBRH09OLgA.png?1723531245 =600x550) 2. **日式風格**：在有設定場次的日期，會顯示當天場次的售價與預約狀態。 * 選擇日式風格時，可再設定當天的剩餘可售量小於多少時，要顯示 三角形 符號 ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108189536/original/A-mBljHS4Ozx8sxbYuucvRlq_OTwav2A9A.png?1723531245 =500x579) --- # 剩餘可售量顯示設定 設定是否要在預訂網站的預訂流程中，顯示該場次的剩餘數量（如下圖箭頭所指的地方） 示意圖如下 ![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108183286/original/vmkMGd3_h3Esd1nnK5LgE2zm926KF0i2Fg.png?1723522464 =800x239)