Wix CMS:新增並設定動態清單頁面
12 分鐘
動態清單頁面讓您能在整理好的索引中展示 Wix CMS 系列中的各種品項。每個顯示在重複器、圖庫或桌次中的品項都會連結至系列的動態品項頁面,訪客可在該處閱讀更多關於特定品項的資訊。
資料集負責控制頁面元件與系列欄位之間的連結。您可在資料集設定中控制一次顯現的品項數量。您可新增篩選條件以僅包含特定品項,或新增排序條件以控制品項顯現的順序。
若有許多品項需要顯示,請新增「載入更多」或導覽按鈕以提升頁面載入表現。您也可以透過使用下拉式選單、選項按鈕或核取方塊等輸入元件,讓訪客能夠篩選在頁面上看到的品項。
開始之前:
- 建立 CMS 系列,其中包含您要在動態清單頁面上顯示的品項。
- 為系列建立動態品項頁面。您將把動態清單頁面上的品項連結至系列的動態品項頁面。或者,您也可以在新增動態清單頁面的同時新增動態品項頁面。請參閱下方步驟 1 了解方法。
步驟 1 | 新增動態清單頁面
從編輯器的 CMS 面板為集合建立動態清單頁面。這會新增一個頁面,並在重複列表中顯示集合中的不同項目,您稍後可再進行自訂。
步驟 2 | (選填)修改網址動態資料欄位結構
您可編輯動態清單頁面的網址動態資料欄位結構,以整理動態頁面的網址。
例如,您可為動態頁面建立以下網址動態資料欄位結構:
- 動態清單頁面:https://www.{your-domain.com}/{collection-name}
- 動態類別頁面:https://www.{your-domain.com}/{collection-name}/{category}
- 動態品項頁面:https://www.{your-domain.com}/{collection-name}/{category}/{primary-field}
編輯網址動態資料欄位結構時,該結構不得為網站上其他現有頁面所使用。若要確保其為獨特網址,網址動態資料欄位結構不可與網站上的其他頁面具有相同的前綴(例如 {系列名稱})且具有相同數量的變數,即使變數不同也是如此。
顯示無法使用的衝突網址動態資料欄位結構範例
重要:
若要讓舊的動態網址自動重新導向至建立的新網址,請確保網站已連結網域。若網站尚未連結網域,舊網址將失效並顯示 404 錯誤頁面。
若要編輯動態清單頁面的網址動態資料欄位結構:
Wix 編輯器
Studio 編輯器
- 前往編輯器。
- 點擊編輯器左側的「頁面與選單」
。 - 點擊「動態頁面」。
- 將滑鼠游標懸停在剛建立的動態清單頁面上,然後點擊右側的「更多操作」圖示
。
提示:預設情況下,建立的動態清單頁面標題為:{系列名稱} (List) - 點擊「SEO」。
- 編輯「網址動態資料欄位結構」欄位:
- 點擊「網址動態資料欄位結構」欄位旁的「編輯」,並選擇要執行的操作:
- 新增變數:點擊+「新增變數」,並選擇「文字」或「數字」欄位,即可在網址動態資料欄位結構中使用其值。
- 新增靜態值:點擊該欄位並輸入要在網址動態資料欄位結構中使用的靜態值。請僅使用英文字母、數字或連字號。
- 點擊「儲存」。
- 點擊「網址動態資料欄位結構」欄位旁的「編輯」,並選擇要執行的操作:

- 點擊 取代網址 以確認變更。動態頁面之前的網址將被刪除且不再有效。系統將改為動態頁面產生新的網址。
步驟 3 | 將重複列表連結至 CMS
現在您已擁有包含重複列表的動態清單頁面,每個容器中都有 2 個文字元件、一張圖片和一個按鈕。重複列表中的每個容器都會顯示集合中的不同項目。
將元件的各個部分連結至相關的集合欄位,確保顯示所需的資訊。建議將按鈕連結至集合的動態項目頁面,讓訪客點擊即可前往該項目的專屬頁面。
若要提供每個項目的更多資訊,您可將更多支援的元件附加至重複列表。接著在管理所有 CMS 連結的資料集中,將這些元件連結至集合欄位。
Wix 編輯器
Studio 編輯器
- (選填)在重複列表新增元件(例如:按鈕、文字、圖片)或移除不需要的元件。您可調整重複列表的大小以容納所有元件。
- 點擊重複列表元件,然後選擇「連結至 CMS」圖示
。 - 在右側的「連結重複列表」面板中,點擊要連結的元件。
- 在「連線」下方,點擊相關下拉式選單,將元件連結至相關系列欄位或資料集小部件。選項因元件類型而異。
提示:
- 若要將按鈕元件連結至動態品項頁面,請點擊 點擊小部件連結至 欄位,並選擇以 (Item) 結尾的集合動態品項頁面。
- 若要將圖片元件連結至動態品項頁面,請點擊 連結連結至 下拉式選單,並選擇以 (Item) 結尾的集合動態品項頁面。

- 點擊右側面板頂部的「重複列表連結」。
- 重複上述步驟 3-5,將元件連結至系列欄位或資料集小部件。

- 點擊即可根據需要調整重複器元件。
提示:您隨時可以從重複器中新增或移除元件。若要使用不會變更的靜態內容,請取消連結元件。 - 點擊預覽即可測試動態清單頁面。
- 若準備好發佈變更,請點擊發佈。
步驟 4 | (選填)管理資料集設定
預設情況下,動態頁面資料集最初允許在重複器或圖庫中顯示最多 100 個品項。您可調整每次載入的品項數量,以便一次載入最多 1000 個品項。您也可以新增篩選條件以僅包含特定品項,或新增排序以控制品項顯示的順序。
Wix 編輯器
Studio 編輯器
- 前往重複列表連結的資料集設定:
- 點擊重複列表。
- 點擊「連結至 CMS」圖示
。 - 點擊右側「連結重複列表」面板中的「資料集設定」。
- (選填)點擊「權限」旁的「權限類型」,以決定誰可以在已上線網站上檢視、新增、更新或刪除系列內容。
- (選填)若需編輯資料集名稱,請點擊「資料集姓名」欄位。
- (僅限 Velo)點擊「資料集 ID」欄位,以編輯頁面程式碼中用於識別資料集的 ID。
- 點擊「資料集模式」下拉式選單並選擇相關選項:
- 閱讀:連結的元件可以閱讀並顯示系列中的內容。元件無法修改系列內容。
- 讀取與寫入:連結的元件可以顯示系列中的內容。輸入元件可以新增或編輯系列中的內容。
- 編輯「每次載入品項數」欄位,以設定「一次可載入的品項數字極致」。這也是訪客點擊「載入更多」按鈕、「下一頁/上一頁」按鈕或分頁列時可載入的品項數字極致。請參閱下一節的步驟。
請留意:此欄位不適用於桌次。若使用桌次顯示品項,請點擊桌次的「版面配置」圖示
,然後設定自訂桌次高度並啟用分頁功能,以限制顯示的品項數量。

- (選填)點擊 + 新增篩選條件 以在重複器中僅顯示特定品項。
- (選填)點擊 + 新增排序 以選擇品項在重複器中顯現的順序。
- 點擊 預覽 即可測試動態清單頁面。
- 若準備好發佈變更,請點擊 發佈。
步驟 5 | (選填)建立「載入更多」或導覽按鈕
若計畫在此頁面顯示多個品項,請考慮新增 「載入更多」按鈕 以提升頁面載入表現。資料集的 每次載入品項數量 欄位決定了頁面最初可載入的品項數量,以及訪客點擊「載入更多」按鈕時可額外載入的品項數量。
您也可以新增「下一頁/上一頁」按鈕或分頁列(僅限 Wix 編輯器),讓頁面連結的重複器或圖庫顯示下一「頁」或上一「頁」品項。每次載入品項數量 欄位決定了每「頁」品項中顯示的最大品項數。
Wix 編輯器
Studio 編輯器
選擇後續操作:
建立「載入更多」按鈕
建立「下一頁」和「上一頁」按鈕
步驟 6 | (選填)讓訪客篩選品項
您可使用輸入元件讓訪客篩選動態清單頁面上顯現的品項。請從下列支援篩選功能的輸入元件中進行選擇:選項按鈕、核取方塊、下拉式選單、選擇標籤或滑桿(僅限範圍滑桿)。
了解如何設定可讓訪客篩選集合內容的輸入元件。

常見問題
點擊下方問題即可查看關於設定動態清單頁面的常見問題答案。
訪客如何前往動態清單頁面?
我可以建立按類別列出品項的動態頁面嗎?
為什麼頁面沒有顯示已連結的品項?
如何將品項連結至其動態品項頁面?
為什麼無法將某些元件附加到重複器?
在自行設定之前,是否可以先查看預先連結的重複列表運作方式?


。

。
即可自訂「載入更多」按鈕的外觀。

