進入網站編輯，頂部切(qie)換進入【產品(pin)詳情】頁(ye)，如下圖：

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

產(chan)品詳情模塊(kuai)所在的區域需開啟【自(zi)動高(gao)(gao)度(du)】，這樣(yang)在預覽產(chan)品詳情的時候才會自(zi)動計算(suan)頁面高(gao)(gao)度(du)，如(ru)下(xia)圖(tu)：

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

注意事項：

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

2、只有(you)頁(ye)面類型(xing)為【產(chan)品詳情(qing)】，在(zai)添加模(mo)塊時才會(hui)出現(xian)產(chan)品詳情(qing)模(mo)塊。