在佈景主題編輯器中：自訂›商品頁面›新增區段›商品頁面
商品頁面
商品頁面的核心：商品照片，以及旁邊的購買面板。面板的每個部分都是一個區塊，可以移動、刪除或新增。
在每個商品的「Size guide」欄位中指定專屬的尺寸指南。沒有專屬指南的商品，會顯示「選項選擇器」區塊中設定的頁面。
設定
版面配置
- 商品區域寬度
- 滑桿，1000 到 2000 px預設: 1600 px當下方的「內容寬度」為標準時使用。
- 電腦上的版面
- 選項: 對半、舞台預設: 對半對半：方形圖片，縮圖在下方，詳情在旁邊；整個頁面一起捲動。舞台：高圖片，縮圖在圖內，詳情卡片疊在上面。
- 捲動時讓圖片保持在原處
- 開啟或關閉預設: 開啟在大螢幕上，當詳細資料面板比圖片高時，捲動面板期間圖片保持可見。
- 手機與平板上的面板對齊
- 選項: 置中、靠側邊預設: 置中置中：標題、價格、選項與數量位於中間。說明與可收合列因為是較長的文字，仍靠側邊對齊。在電腦上，面板一律靠側邊，位於照片旁。
照片
- 照片適配
- 選項: 填滿框架、顯示完整照片預設: 填滿框架「填滿框架」會將照片裁成正方形。「顯示完整照片」則不會裁切。
- 顯示縮圖
- 開啟或關閉預設: 開啟電腦與平板：位於圖片旁的一欄。手機：請見下一項設定。
- 手機也顯示縮圖
- 開啟或關閉預設: 開啟主圖下方的一排縮圖，點選即可切換。
- 顯示箭頭
- 開啟或關閉預設: 開啟
- 從最後一張照片接回第一張
- 開啟或關閉預設: 開啟箭頭不會停在最後一張。
- 顯示放大按鈕
- 開啟或關閉預設: 開啟
- 自動播放影片
- 開啟或關閉預設: 關閉相簿中的影片捲動進入視野時，會靜音並循環播放。
- 在照片上顯示徽章
- 開啟或關閉預設: 開啟售完、商品自己的文字或特價。
底部購買列
- 顯示底部購買列
- 開啟或關閉預設: 開啟當主要按鈕捲出螢幕時，螢幕底部的邊框會變寬，並一直顯示商品、目前選擇、價格與「加入購物車」，直到頁面底部。顏色為邊框顏色。在手機上向上捲動時，會與懸浮選單互換。
- 手機上浮動卡片的形狀
- 選項: 浮動卡片、從選單後方升起、框架升起預設: 浮動卡片浮動卡片：像在電腦上一樣，懸浮在底部框架上方一點，底部選單讓出位置。升起：卡片從底部選單後方升起，選單保留。框架：框架以全寬升起，選單讓出位置。沒有底部選單時，「升起」會變成框架。在電腦上一律是浮動卡片。
- 浮動卡片顏色
- 顏色留空：網站的表面，與搜尋面板相同。深色上文字會變淺。
- 浮動卡片邊框顏色
- 顏色浮動卡片周圍的邊框。留空：與文字同色的細線。
- 列中的商品小圖
- 開啟或關閉預設: 開啟在列的開頭、行內顯示一張小圖。
頁面背景
- 背景樣式
- 選項: 網站背景、純色、燈光舞台預設: 網站背景網站背景：頁面與網站其他部分一致。純色：下方的顏色。燈光舞台：由所選顏色構成的舞台，圖片和詳細資訊後方有柔和光線。深色時文字、線條和按鈕會自動變亮。最後兩個選項會取代區段的自訂顏色。
- 配色方案
- 配色方案舞台的背景和強調色取自此方案。下方選擇的顏色優先。
- 背景顏色
- 顏色使用燈光舞台時：舞台的色調。預設是全站舞台使用的暖炭灰色。
- 光線顏色
- 顏色圖片後方與詳細資訊後方的柔和光線。留空：白色。
區塊
區塊是區段裡的組成部分。在編輯器中可以新增、刪除區塊，並拖曳調整順序。
應用程式區塊
安裝的應用程式可以在這裡加入自己的區塊，例如應用程式提供的評價或尺寸表。
這個部分沒有自己的設定。
標題
一般
- 在標題上方顯示商品系列名稱
- 開啟或關閉預設: 開啟
- 強調「 | 」之後的部分
- 開啟或關閉預設: 開啟若商品名稱包含「 | 」，其後的部分會以較粗的字重顯示。
- 顯示供應商
- 開啟或關閉預設: 關閉
價格
一般
- 顯示折扣百分比
- 開啟或關閉預設: 關閉折扣已顯示在照片上。開啟後，價格旁邊也會顯示。
文字
一般
- 文字
- 文字標題下方的簡短說明。可連結到商品欄位。
選項選擇器
一般
- 樣式
- 選項: 按鈕、下拉式清單預設: 按鈕
- 顏色
- 選項: 顏色圓點、下拉式清單預設: 顏色圓點僅用於顏色選項。其他選項依上方的樣式顯示。
- 尺寸指南頁面
- 頁面有自己的「尺寸指南」欄位（custom.size_guide）的商品會顯示該頁面。否則顯示此頁面；若為空白，則顯示佈景主題設定中的頁面。
數量
一般
- 位置
- 選項: 「立即購買」旁邊、獨立一行預設: 「立即購買」旁邊「立即購買」旁邊：數量位於第一排按鈕的開頭，「加入購物車」在下方佔據整行。獨立一行：在按鈕上方，附標籤。有數量階梯時，由階梯取代它。
數量階層
一般
- 標題
- 文字留空：以顧客的語言顯示「數量」。在電腦上僅供螢幕閱讀器讀取。
- 1 件的標籤
- 文字留空：以顧客的語言顯示件數（「2 件」）。
- 顯示此階層
- 開啟或關閉預設: 開啟
- 件數
- 滑桿，2 到 12預設: 2
- 折扣
- 滑桿，0 到 60 %預設: 10 %必須與您的自動折扣相符。
- 標籤
- 文字留空：以顧客的語言顯示件數（「2 件」）。
- 顯示此階層
- 開啟或關閉預設: 開啟
- 件數
- 滑桿，2 到 12預設: 3
- 折扣
- 滑桿，0 到 60 %預設: 18 %必須與您的自動折扣相符。
- 標籤
- 文字留空：以顧客的語言顯示件數（「2 件」）。
- 醒目標示某個階層
- 選項: 無、第二階層、第三階層預設: 無
- 醒目標示文字
- 文字留空：醒目階梯的折扣，例如「優惠 18%」。
買越多，價格越優惠。折扣僅在此處顯示：請在 Shopify 後台建立相符的自動折扣，才會實際扣款。
購買選項
一般
- 標題
- 文字留空：使用預設文字。
- 顯示節省百分比
- 開啟或關閉預設: 開啟
- 顯示方案說明
- 開啟或關閉預設: 開啟說明來自訂閱應用程式。
- 顯示訂閱政策連結
- 開啟或關閉預設: 開啟當商店設有訂閱政策時顯示（設定、政策）。
單次購買與訂閱選項，適用於搭配訂閱應用程式銷售的商品。若沒有此區塊，有訂閱的商品會在加入購物車按鈕上方顯示這些選項。
購買按鈕
一般
- 「立即購買」按鈕
- 開啟或關閉預設: 開啟只帶著此商品直接前往結帳，購物車維持不變。
- 動態結帳按鈕
- 選項: 錢包或 Shopify 的「立即購買」、僅限錢包、關閉預設: 錢包或 Shopify 的「立即購買」購買按鈕下方的 Shopify 按鈕。在付款設定中啟用錢包時，顯示顧客的錢包（Shop Pay、Apple Pay、Google Pay、PayPal）。開啟「立即購買」按鈕時，Shopify 自己的「立即購買」永遠不會顯示，因此只有一個。
- 付款快捷按鈕
- 開啟或關閉預設: 開啟bit、信用卡，以及您新增的付款方式。會加入購物車並前往結帳。按鈕本身請在佈景主題設定的「快速付款按鈕」中設定。
- 顯示禮品卡收件人表單
- 開啟或關閉預設: 開啟讓買家直接將禮品卡寄給他人。顯示表單時，禮品卡不會顯示「立即購買」按鈕與動態結帳按鈕，因為 Shopify 只在加入購物車時核對收件人資訊。
配送與保固說明
一般
- 配送備註
- 文字購買按鈕下方、夾在兩條細線之間的簡短一行，顧客在加入購物車前即可看到。例如：8–18 個工作天宅配到府。若要為每項商品設定不同內容，請填寫商品欄位 custom.delivery_note（單行文字；設定、自訂資料、商品）：其優先於此處的文字。若兩者皆為空白，則顯示佈景主題設定（商品）中的運送說明；若該處也是空白，則顯示依照免運費規則（佈景主題設定、免運費）的說明。
- 保固備註
- 文字預設關閉：留空即不顯示。若要為每項商品設定不同內容，請填寫商品欄位 custom.warranty（單行文字；設定、自訂資料、商品）：其優先於此處的文字。請只填寫符合商品實際情況的內容。
信賴列
一般
最多三項附圖示的簡短承諾，下方為付款圖示。最適合放在購買按鈕正下方。
第一項
- 圖示
- 選項: 包裹（運送）、退回箭頭（退貨）、盾牌（安全付款）、耳機（客服）、鑽石（品質）、隱藏此項目預設: 包裹（運送）
- 文字
- 文字留空：依圖示顯示預設文字。包裹：依照免運費規則（佈景主題設定、免運費）的運送承諾。退回箭頭和盾牌：一段固定的簡短文字。耳機和鑽石沒有預設文字，因此只有在此處填寫文字時才會顯示該項目。較長的文字會換成兩行並保持平衡。
第二項
- 圖示
- 選項: 包裹（運送）、退回箭頭（退貨）、盾牌（安全付款）、耳機（客服）、鑽石（品質）、隱藏此項目預設: 退回箭頭（退貨）
- 文字
- 文字留空：依圖示顯示預設文字。包裹：依照免運費規則（佈景主題設定、免運費）的運送承諾。退回箭頭和盾牌：一段固定的簡短文字。耳機和鑽石沒有預設文字，因此只有在此處填寫文字時才會顯示該項目。較長的文字會換成兩行並保持平衡。
第三項
- 圖示
- 選項: 包裹（運送）、退回箭頭（退貨）、盾牌（安全付款）、耳機（客服）、鑽石（品質）、隱藏此項目預設: 盾牌（安全付款）
- 文字
- 文字留空：依圖示顯示預設文字。包裹：依照免運費規則（佈景主題設定、免運費）的運送承諾。退回箭頭和盾牌：一段固定的簡短文字。耳機和鑽石沒有預設文字，因此只有在此處填寫文字時才會顯示該項目。較長的文字會換成兩行並保持平衡。
付款圖示
- 顯示付款方式圖示
- 開啟或關閉預設: 開啟
預計送達
一般
- 工作天，最少
- 滑桿，0 到 30預設: 11
- 工作天，最多
- 滑桿，0 到 45預設: 18
- 非工作日
- 選項: 週五與週六、週六與週日、無，每天都算預設: 週五與週六
- 主要文字行
- 文字[from] 與 [to] 會替換為日期。留空：「Order today, arrives between [from] and [to]」
- 第二行
- 文字留空：天數範圍，送到您家門口。
- 顯示日曆圖示
- 開啟或關閉預設: 開啟
從今天起，以工作天計算日期範圍。日期在購物者的瀏覽器中計算，因此在造訪當天一定準確。
WhatsApp 詢問
一般
- 問題
- 文字留空：使用預設文字。
- 連結文字
- 文字留空：使用預設文字。
- 預設訊息
- 文字[product] 會替換為商品名稱。留空：「Hi, I have a question about [product]」
- 在訊息中加入商品連結
- 開啟或關閉預設: 開啟
點選後會開啟 WhatsApp 對話並帶入預設訊息的一行文字。號碼取自佈景主題設定中的社群媒體。在填入號碼之前，這一行會連到商店的聯絡頁面。
說明
這個部分沒有自己的設定。
可收合列
一般
- 標題
- 文字
- 此列顯示的內容
- 選項: 文字或頁面、商品規格、附圖示的清單預設: 文字或頁面
- 內容
- 文字
- 來自頁面的內容
- 頁面顯示在上方內容之後。
- 商品規格欄位
- 文字命名空間與索引鍵，例如 custom.specs。欄位中每行一項細節：「名稱：值」。沒有此欄位的商品不會顯示這一列。
- 行
- 文字每行一句。圖示會依文字選擇：shipping、return、support、secure 或 payment（希伯來文亦可）。其他行則使用帶勾選的盾牌圖示。
- 運送與退款政策的連結
- 開啟或關閉預設: 開啟
優惠氣泡
一般
- 圖示
- 選項: 閃電、禮物、閃光、計時器、愛心、附勾選標記的盾牌、無圖示預設: 閃電
- 標題
- 文字留空：以訪客語言顯示「特別優惠」。
- 優惠文字
- 文字例如「訂單滿 200 美元折 20 美元」。沒有文字時不顯示氣泡。
- 商品
- 多個商品氣泡只在此處選取的商品上顯示。留空：在使用此範本的所有商品上顯示。
倒數計時
一般
- 優惠文字
- 文字例如「8 折」。留空：若變體有比較價格，則顯示其折扣百分比。
- 短文字
- 文字顯示在優惠文字旁。留空：以訪客語言顯示「限時」。
- 商品
- 多個商品此列僅在此處選擇的商品上顯示。留空：任何商品都不顯示。用於有真實結束日期的真實促銷。
計時器
- 結束日期與時間
- 文字年-月-日 時:分，例如 2026-10-20 18:00，依商店時區。留空或無效：商店不會顯示橫條，編輯器會顯示商店所理解日期的提示。
- 顯示秒數
- 開啟或關閉預設: 開啟偏好減少動態效果的訪客永遠不會看到秒數，計時器每分鐘更新一次。
- 時間到時
- 選項: 顯示優惠已結束的訊息、橫條消失預設: 橫條消失
- 結束訊息
- 文字留空：以訪客的語言顯示「This offer has ended. Thank you for your interest.」。
背景
- 背景顏色
- 顏色留空：商店的墨色。燈光舞台由此顏色產生。
- 背景樣式
- 選項: 純色、燈光舞台預設: 燈光舞台燈光舞台：由上而下的柔和光線，往下逐漸變淡，由所選顏色產生。淺色時頂部會變白；深色時成為深色舞台。
- 光線顏色
- 顏色來自頂端中央的柔和光線。留空：白色。
- 文字顏色
- 顏色留空：自動。深色背景上為淺色，淺色背景上為深色。
自訂 Liquid
一般
- 自訂 Liquid
- 程式碼用於進階自訂與應用程式程式碼片段。
這裡的內容與編輯器中看到的不一致嗎？請告訴我們，我們會修正指南。