進入網站編輯打開左側工具欄的【+】，選擇產品模塊--產品列表，拖動適合的風格，并調整好位置大小，如下圖：

鼠標右鍵設置模塊，進入常規屬性面板，可設置當前列表需顯示的產品分類，以及列表所需要顯示的內容，如下圖：

進行相關產品模塊、標題簡介字數、顯示個數、寬高比等設置，如下圖：

拖動到最下方，將跳轉設置指向到【產品詳情】頁面，如下圖：

進入樣式設置--默認效果，可設置產品列表的標題、簡介、價格等標簽的字體、字號、顏色等屬性，如下圖：

進入樣式設置--鼠標經過，可設置鼠標經過產品列表的標題、簡介、價格等標簽的字體、字號、顏色等屬性，如下圖：

分別切換到平板/手機端設置好模塊的位置、以及標題、簡介、價格等標簽的字號等，如下圖：

注意事項：

1、如網站后臺已上傳了產品，添加模塊后產品即可自動調用；

2、如預覽網站無法打開產品詳情，可參考如何添加產品詳情頁？