詳情頁模板決定了文章、產(chǎn)品、商品、預約等具體展示樣式，系統(tǒng)支持自定義詳情模板，最多支持每個分類顯示對應的獨立的樣式效果。詳情模板包含內(nèi)置版塊和自由設計兩種

1 內(nèi)置詳情版塊

編輯器左上角頁面管理切換頁面系統(tǒng)頁面 -> 詳情模板進入對應的系統(tǒng)詳情頁，以產(chǎn)品詳情模板為例，系統(tǒng)中內(nèi)置了十幾種常見的詳情版塊效果，可以通過切換設計來快速更換

詳情版塊支持通過版塊設置來對界面數(shù)據(jù)和樣式進行微調(diào)，基本上內(nèi)置版塊的風格比較固定，可改造程度低。

2 自由設計詳情版塊

自由設計模式則允許對詳情版塊進行高自由度靈活設計，首先將詳情版塊切換成空白詳情自由設計版塊(詳情版塊不允許直接刪除，否則系統(tǒng)頁面可能因為缺失必要版塊而無法正常展示數(shù)據(jù))。切換成空白模式后，則可以從左側(cè)拖拽元素自由設計，其中左側(cè)的專有元素表示只能在詳情頁中工作的詳情元素，例如詳情標題、詳情內(nèi)容、詳情主圖等，還包括不同類型的自定義參數(shù)展示。

因為詳情內(nèi)容是動態(tài)數(shù)據(jù)，不同的文章產(chǎn)品內(nèi)容高度不一樣，實際預覽時自由模式設計的詳情頁內(nèi)容高度將自動撐開，詳情內(nèi)容下方的元素將自動下移。

如何設計帶分隔線條的詳情效果呢？正常線條應該跟隨內(nèi)容高度自動變化。這種情況下只需要將詳情內(nèi)容放入一個帶邊框的容器里即可，詳情內(nèi)容的增高將自動撐開外圍容器，容器的邊框就形成了自動高度的分隔線效果。

詳情頁也可以自由定制邊欄效果，例如添加垂直菜單元素綁定系統(tǒng)分類就可以在詳情頁添加帶站點分類的邊欄

詳情頁的動態(tài)數(shù)據(jù)綁定是支持跨版塊的，即便是在多個版塊里依舊可以自動綁定對應的數(shù)據(jù)，因此可以搭配生成更多的效果，例如詳情彈框里的元素同樣可以拖拽詳情標題等元素進去，這樣點擊打開彈框的時候可以看到動態(tài)的內(nèi)容。

部分內(nèi)置詳情版塊支持錨點菜單導航效果，如果是自由設計模式，添加菜單到想要的位置，然后在菜單的點擊交互里設置錨點滾動到相應的元素或者版塊即可。