進(jin)入網站編輯打開左側工(gong)具(ju)欄的(de)【+】，選擇産(chan)品(pin)模塊--産(chan)品(pin)列表，拖動(dòng)适郃(he)的(de)風格，并調整好位置大(da)小(xiǎo)，如下圖：

鼠标右鍵設(shè)置模塊，進(jin)入常規屬性面闆，可(kě)設(shè)置當前(qian)列表需顯示的(de)産(chan)品(pin)分(fēn)類，以(yi)及(ji)列表所需要顯示的(de)內(nei)容，如下圖：

進(jin)行相關産(chan)品(pin)模塊、标題簡介字數(shu)、顯示箇(ge)數(shu)、寬高(gao)比等(deng)設(shè)置，如下圖：

拖動(dòng)到(dao)最下方(fang)，将跳轉設(shè)置指向到(dao)【産(chan)品(pin)詳情】頁(yè)面，如下圖：

進(jin)入樣式(shi)設(shè)置--默認效果，可(kě)設(shè)置産(chan)品(pin)列表的(de)标題、簡介、價格等(deng)标簽的(de)字體(ti)、字号、顔色等(deng)屬性，如下圖：

進(jin)入樣式(shi)設(shè)置--鼠标經(jing)過(guo)，可(kě)設(shè)置鼠标經(jing)過(guo)産(chan)品(pin)列表的(de)标題、簡介、價格等(deng)标簽的(de)字體(ti)、字号、顔色等(deng)屬性，如下圖：

分(fēn)别切換到(dao)平闆/手機(jī)端設(shè)置好模塊的(de)位置、以(yi)及(ji)标題、簡介、價格等(deng)标簽的(de)字号等(deng)，如下圖：

注意事項(xiang)：

1、如網站後(hou)檯(tai)已上傳(chuan)了(le)産(chan)品(pin)，添加(jia)模塊後(hou)産(chan)品(pin)即可(kě)自動(dòng)調用(yong)；

2、如預覽網站無灋(fa)打開産(chan)品(pin)詳情，可(kě)參考如何添加(jia)産(chan)品(pin)詳情頁(yè)？