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

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

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

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

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

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

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

注意事項：

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

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