Part 7
① 三頁籤（現在用「內容區塊」） ② 版型清單：類別（簡介／欄位／圖片／人物／產品…）與文中項目（按鈕／圖片／影片／手風琴／評分…） ③ 底部「拖曳區塊到這裡」＝商品描述區。
拖入版型後的成品（前台實際呈現）：① 三欄「產品特色」（透氣速乾／耐洗不變形／環保有機棉）——由「欄位／特色」版型做成 ② 可展開的「尺寸表」——由「手風琴」版型做成。這就是把幾個區塊拖進描述區、換上自己的圖文後的效果。
拖拉版型完善商品介紹
商品頁上半是「圖片＋購買區」，下半是一大塊可自由排版的描述區。這一章教你把「內容區塊」裡的版型拖到下方，用圖文、特色、圖庫、規格、CTA 等區塊，把商品介紹做得像一頁精美的行銷頁。這用的是 Part 0 說的「拖區塊」編輯方式。
路徑：商品頁 › 編輯 › 內容區塊 頁籤 › 拖到描述區
A. 這一章的流程
① 內容區塊頁籤
→
② 拖版型到描述區
→
③ 換圖換字
→
④ 儲存
B. 逐步操作
1
找到「描述區」與版型清單
切到右側「內容區塊」頁籤，頁面往下捲會看到「拖曳區塊到這裡」——那就是商品的描述區。右側是一格格版型：
2
把版型拖進描述區
在版型清單上按住一個區塊往頁面下方的描述區拖曳，放開即置入。常用於商品介紹的版型：
| 版型 | 用來做 |
|---|---|
| 圖片 / 文字圖片 | 大圖＋一段賣點文案（材質、工藝故事） |
| 欄位 / 特色 | 三欄並列的產品特色（透氣、耐洗、環保） |
| 圖庫 / 產品 | 多圖情境牆、或推薦搭配的其他商品 |
| 手風琴 | 可展開的「規格表 / 尺寸表 / 保養說明」 |
| 評分 / 引言 | 顧客好評、推薦語 |
| 按鈕（CTA） | 「加入購物車」「看更多款式」等行動呼籲 |
3
換成自己的圖與文字
置入後直接點區塊裡的文字改字、點圖換圖（換圖走 Part 6 的媒體視窗）。選取區塊時右側「自訂」頁籤會出現該區塊的專屬選項（背景、間距、欄數、對齊…），可微調樣式。
💡「/」快捷在描述區的空白文字處輸入「/」，會跳出快速插入選單，可直接插圖片、按鈕、影片等，不必每次都從右側拖。
4
儲存並檢視
排好後按右上「儲存」。描述區的內容會顯示在商品頁下半部。注意商品頁預設的「更多資訊」區寫著「此內容將在所有產品頁面之間共享」——那是共用描述；若要單一商品專屬的介紹，請拖在該商品自己的描述區並確認不是共用區塊。
⚠️ 注意事項
- 商品頁有「共用」與「本商品專屬」兩種描述區。共用區改一次所有商品都變（適合放通用退換貨/保養）；專屬介紹要放在本商品的區段。
- 拖太多區塊會讓頁面又長又雜、拖慢載入；挑 3–5 個重點版型即可。
- 手機瀏覽占多數，置入後用編輯器的行動裝置預覽檢查排版不跑版。
如何查到
商品頁 › 編輯 ›「內容區塊」頁籤，把版型拖到「拖曳區塊到這裡」。文字直接點改、圖片走媒體視窗。區塊樣式在選取後的「自訂」頁籤微調。
評分
暫時沒有留言。
成為第一個留言的人。