如何使用JetEngine編排自訂的列表版型(Listing Grid)

有了一批內容（文章、商品或自訂內容類型）之後，Listing Grid 讓你設計一張卡片，自動套用到全部。新增內容時列表會自己長出來，不用回頭排版。

兩個步驟：先做卡片，再放列表

步驟一：建立 Listing Item（卡片範本）

1. JetEngine → Listings → Add New。
2. Listing source 選資料來源（Posts／自訂內容類型／Terms／Users），From post type 選哪一種，填一個名稱，按 Create Listing Item。
3. 進入 Elementor 編輯畫面，這裡排的是一張卡片的樣子。
4. 用 Dynamic Field 元件綁定欄位：標題、摘要、你在 Meta Fields 建的那些自訂欄位；圖片用 Dynamic Image；連結用 Dynamic Link。
5. 排好之後更新。

步驟二：把列表放到頁面上

1. 在要顯示列表的頁面，拉一個 Listing Grid 元件。
2. Listing 選剛剛做的卡片範本。
3. 設定 Columns（幾欄，桌機／平板／手機可以分開設）與 Posts Number（顯示幾筆）。
4. 需要篩選條件就展開 Custom Query 或用 Query Builder，指定分類、排序、排除某些內容。
5. 要分頁就把 Use Load More 或分頁功能打開。

加上篩選器

想讓訪客自己篩（例如依地區、依價格），需要搭配 JetSmartFilters：在頁面上放篩選元件，並把它的 This filter for 指向那個 Listing Grid 的 ID。

常見狀況

列表是空的

檢查 Listing 的來源是否選對、該類型底下是否真的有已發佈的內容、Query 條件是不是把全部都排除了。

卡片高度不一

在 Listing Grid 的樣式裡把卡片設成等高（或在卡片範本的最外層容器設定 height: 100%），並限制摘要的字數。

Elementor 的 Loop Grid 和這個有什麼不同

做的事情幾乎一樣。一個站選一套就好——同時用兩套，日後要改版型會找不到是哪一個在生效。