進入網(wǎng)站編輯打開左側(cè)工具欄的【+】，選擇產(chǎn)品模塊--產(chǎn)品列表，拖動適合的風格，并調(diào)整好位置大小，如下圖：

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

進行相關(guān)產(chǎn)品模塊、標題簡介字數(shù)、顯示個數(shù)、寬高比等設置，如下圖：

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

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

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

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

注意事項：

1、如網(wǎng)站后臺已上傳了產(chǎn)品，添加模塊后產(chǎn)品即可自動調(diào)用；

2、如預覽網(wǎng)站無法打開產(chǎn)品詳情，可參考如何添加產(chǎn)品詳情頁？