系統(tǒng)列表頁模板是網站動態(tài)列表的默認展示效果,包含內置翻頁等功能,網站頁面中跳轉到任何一個分類都會展示其對應的列表展示效果,如圖示例:
系統(tǒng)分類列表頁模板版塊與系統(tǒng)詳情版塊類似,包含內置版塊和自由設計兩種:
1 內置系統(tǒng)分類列表版塊
進入系統(tǒng)頁面 -> 文章/產品分類列表模板,系統(tǒng)文章產品公用內置分類版塊,主要結構為兩列布局,設置里支持是否開啟邊欄,樣式設置中支持對展示進行微調。新的分類列表版塊邊欄一般會展示站點所有分類,就的分類列表版塊模板一般是展示當前分類的一級分類的對應子類。
2 自由設計系統(tǒng)分類頁
如果要自由設計系統(tǒng)分類列表樣式,首先需要將版塊切換成空白自由設計系統(tǒng)分類版塊
拖拽想要的動態(tài)列表元素或者自由列表元素到頁面中,設置數據綁定為系統(tǒng)分類,選擇此分類后實際的分類頁面將自動綁定當前分類的列表數據。注意產品元素只能使用在產品分類列表中,自由列表元素則可以使用在任意數據類型中。
拖拽專有元素中的列表翻頁元素到動態(tài)列表下方,這里與普通版塊的設計區(qū)別是設計系統(tǒng)分類版塊時需要單獨拖拽專有的列表翻頁元素
這樣就完成了系統(tǒng)分類列表的簡單功能設計,一般還會需要設計自定義的邊欄菜單效果,例如拖拽垂直菜單綁定站點分類。
預覽后可以查看自定義設計系統(tǒng)列表的實際效果,結合其他元素的裝飾就可以設計更加豐富多樣的系統(tǒng)列表頁。
3 使用系統(tǒng)分類頁
導航菜單或者其他任意頁面的點擊跳轉處選擇點擊交互 -> 分類列表頁,選擇對應的分類就可以在點擊時自動跳轉到對應的列表中。