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

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

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

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

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

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

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

注意事項(xiàng)：

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

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