進入(ru)網站編輯，頂(ding)部切換進入(ru)【產品詳情】頁，如下(xia)圖(tu)：

打開左側工(gong)具欄的(de)(de)【+】選(xuan)擇(ze)產品模塊(kuai)--自定義(yi)詳情，選(xuan)擇(ze)需要的(de)(de)模塊(kuai)拖動到對應位置進行組裝(zhuang)，如下圖：

產(chan)品(pin)詳情模(mo)塊所(suo)在(zai)的(de)區(qu)域(yu)需開(kai)啟【自(zi)動高(gao)度(du)】，這樣(yang)在(zai)預(yu)覽產(chan)品(pin)詳情的(de)時(shi)候才(cai)會自(zi)動計算頁面(mian)高(gao)度(du)，如下(xia)圖：

分別切(qie)換到平板/手機端調(diao)整(zheng)好(hao)模塊的位(wei)置(zhi)，如(ru)下圖：

注意事(shi)項(xiang)：

1、建議直(zhi)接選擇(ze)已有(you)的(de)詳情(qing)模(mo)板樣式進(jin)行添加，無需自行調整(zheng)適配兼(jian)容，詳情(qing)可參考

2、只有頁(ye)面類型為【產品詳(xiang)(xiang)情】，在添加模塊時才會出(chu)現(xian)產品詳(xiang)(xiang)情模塊。