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

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

產品詳(xiang)情模塊(kuai)所在(zai)的區域需開(kai)啟【自(zi)(zi)動高(gao)度(du)】，這(zhe)樣在(zai)預覽(lan)產品詳(xiang)情的時(shi)候(hou)才會(hui)自(zi)(zi)動計算頁面高(gao)度(du)，如(ru)下圖：

分別切換(huan)到平板(ban)/手(shou)機端調整好模塊(kuai)的(de)位(wei)置，如下圖：

注意事項：

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

2、只有(you)頁面(mian)類型為(wei)【產品詳情(qing)】，在添加模塊(kuai)時才(cai)會出(chu)現產品詳情(qing)模塊(kuai)。