沒設計版面時,詳情可能是近乎空白的骨架:靜態區塊仍可排,但不會自動出現欄位值,除非你插入動態欄位。
路徑
- 內容類型 → 點該類型的條目列表。
- 點 設計詳情頁版面。
- 與頁面編輯器類似:從區塊庫加區塊、改文案、插入動態欄位。
- 底欄點 儲存版面。成功提示「詳情頁版面已儲存」。
畫面副標為「詳情頁版面」。未存時顯示「● 未儲存」,已存為「已儲存」。可 復原(⌘Z)。
預覽哪一筆條目?
上方 預覽條目 用來選要用哪一筆資料渲染動態欄位。條目儲存後會自動刷新預覽。草稿條目名稱後可能帶「(草稿)」。
- 尚無條目時:提示「尚無條目,無法預覽」。可先儲存版面,再去 新增條目。
- 預覽 iframe 標題形如「{類型名稱} 詳情頁預覽」。
多語站台可切 編輯語言,分別編各語系版面文案。
動態欄位
說明:在文字欄位旁點擊 { } 動態欄位 可插入欄位值;欄位值為選用,不插入也能設計靜態版面。
- 把游標放在要出資料的文字框。
- 點 動態欄位(提示:點選後插入至游標位置)。
- 從列表選欄位。列表分組包含:此類型/此頁的欄位、系統欄位(標題等)、聯絡與社群(只出現你在 聯絡與社群 已填的列)、以及站台已開會員/電商/訂閱時的 會員(登入、註冊、忘記密碼路徑,適合按鈕連結;註冊連到
/signup)。此分頁尚無欄位時會提示。
尚未定義欄位時,畫面會說:可先設計靜態版面,或前往「類型設定 → 欄位定義」建立欄位後再綁定動態內容。
圖片類欄位也要在版型裡放到對應的圖片區塊/動態位置,否則條目有圖、詳情仍可能空白。
條目的 圖庫 欄(多張圖)請插入區塊 圖庫(條目) 並選對欄位。若要讓訪客點圖跳出大圖預覽(可左右切),在該區塊打開 點擊圖片開啟預覽(預設關閉)。這與單張圖設連結不同,此區塊不能為每一張分別設網址。
重複列表的圖文輪播請插入 圖文輪播(條目列表) 並選對欄位。點圖開預覽同樣是區塊開關(預設關閉);圖下方按鈕/連結仍可同時使用。頁面裡手動上傳的「圖庫/圖片輪播」見 全螢幕頁面編輯器。
富文字欄位要插在哪?
富文本(可粗體、清單、連結)請插進區塊的內文位置,不要插進標題、小標、副標。
| 建議插入 | 不要插入 |
|---|---|
| 雙欄圖文的內文、文字區塊內文、富文本區塊本文 | 標題、小標、副標、卡片短說明 |
| FAQ 的回答、內容分頁的面板內文 | 引言/名言(會變成純文字) |
插錯地方時,前台會把格式拆成純文字,或看起來像一串程式碼。預覽時請換一筆已填富文本的條目確認粗體與清單有出來。
重複列表(FAQ、分頁、時間軸說明等)的子欄位可改成「富文本」,詳情版型綁定後會依內文顯示格式。
怎麼驗
- 儲存版面後,用一筆已發布條目開前台詳情(或預覽)。
- 標題、自訂欄位、圖片有出現在你插入的位置。
- 換另一筆預覽條目,動態位置應跟著換資料。
- 多語:切語系看版面文案與條目翻譯。
常見卡住
| 狀況 | 怎麼辦 |
|---|---|
| 沒有「設計詳情頁版面」 | 不是擁有者,或不是自訂類型。 |
| 「無法載入預覽」 | 站台識別無效。回後台重新選站台。 |
| 前台詳情幾乎空白 | 版型沒插入動態欄位,或插錯欄位。 |
| 圖沒出來 | 條目圖片欄沒選圖,或版型沒放該圖片欄位。 |
| 改欄位代碼後變空白 | 動態欄位仍指到舊代碼。重新插入一次。 |
列表頁版面不在這裡:請到 頁面管理 插入 自訂內容列表(自動) 並選對內容類型。見 全螢幕頁面編輯器。
詳情版面也可以插入同步區塊(改一處,所有引用的版面一起更新)。見 如何使用同步區塊。