Part 5
產品頁元素控制:① 選擇數量 ② 款式(變體顯示,Part 8) ③ 現在購買(立即購買鈕)+更多資訊(規格) 另有稅務指示、產品標籤、條款、分享(見下表)。開關為藍色=已開啟。
關(預設):① 購買區只有「加入購物車」(+數量選擇器)。
開:① 多出「現在購買」一鍵直達結帳 ② 與「加入購物車」並列。其餘開關(稅示、條款、規格…)的切換方式完全相同。
自訂面板 B:頁面元素開關(切換對照)
商品頁上每一個元素——數量選擇器、立即購買鈕、稅額提示、規格區、分享鈕——都能在「自訂」面板一鍵開關或換樣式。這一章把這些開關逐一列出,說明「開/關」各是什麼樣子,讓你依商品需求打造專屬的購買區。
路徑:商品頁 › 編輯 › 自訂 › 點商品 › 產品頁各開關
A. 面板上的元素開關一覽
💡 開關即時預覽面板上每個開關切一下就看到頁面變化:藍色滑桿=開、灰色=關;「選項」下拉則可換呈現方式。滿意後按右上「儲存」。
B. 逐個開關的作用(開 / 關對照)
| 開關 | 關(預設) | 開之後 | 建議 |
|---|---|---|---|
| 選擇數量 | 只能買 1 件 | 出現 − 1 + 數量選擇器 | 可多件購買 → 開 |
| 現在購買(Buy Now) | 只有「加入購物車」 | 多一顆「立即購買」,一鍵直達結帳 | 想縮短結帳 → 開 |
| 稅務指示 | 只顯示價格 | 價格旁標「含稅/未稅」字樣 | 需清楚標示稅別 → 開 |
| 更多資訊(規格) | 無規格區 | 價格下方出現可展開的規格/說明手風琴 | 有規格表 → 開 |
| 產品標籤 | 不顯示標籤 | 顯示商品的標籤(如「新品」「有機」) | 有分類標籤 → 開 |
| 條款與細則 | 無 | 頁面加一段條款/退換貨說明 | 需公告條款 → 開 |
| 款式(List View) | 下拉/藥丸選變體 | 把所有變體攤成清單逐一列出 | 變體少想全列 → 用清單 |
| 客戶:評分 | — | 商品頁開放星等評論 | 想累積評價 → 開 |
| 客戶:分享 | — | 顯示 FB/X/LinkedIn 等分享鈕 | 想擴散 → 開 |
C. 實例對照:「現在購買」開 / 關
以最有感的「現在購買(立即購買)」為例,切一下開關,購買區立刻多一顆按鈕——這就是每個開關「切換前後」的樣子:
💡 每個開關都這樣切上表每一列都對應面板一個開關/下拉,操作方式一致:面板切一下 → 頁面即時變化 → 滿意按儲存。多數為全站生效。
1
打造「快速下單」購買區(範例)
想讓顧客快速下單,常見組合是:選擇數量=開、現在購買=開、更多資訊=開(規格清楚)。切一切這三個開關,商品頁的購買區立刻變成「數量 + 加入購物車 + 立即購買」的完整組合。
2
精簡型商品:關掉多餘元素
反過來,單一規格、單價低的商品可把「選擇數量、規格、標籤」都關掉,只留「加入購物車」,版面更乾淨、決策更快。
⚠️ 注意事項
- 部分開關對應的前台效果依主題略有差異,切換後以「儲存前的即時預覽」為準。
- 「評分/分享」屬客戶互動,開了就對所有商品生效(全站設定)。
- 「立即購買」會略過購物車直接進結帳,若你的流程需要顧客先湊單,評估後再開。
- 看不到某個開關(如心願單、比較),多半是 Part 1 對應功能還沒開。
如何查到
商品頁 › 編輯 › 自訂 › 點商品,面板「產品頁」區即為各元素開關。開關切一下即時預覽,完成按「儲存」。變體顯示方式(款式)詳見 Part 8。