小店也能調版面:一行幾個、商品頁、購物車——不用工程師的套版客製

調版面這件事,小店老闆常卡在兩個極端:一種是套版模板,選好一套就幾乎不能動,每家看起來都差不多;另一種是拖拉式的網站 builder,自由是自由,但要花時間學、還容易排出破版。多數人要的其實是中間:不用工程師、不用學 builder,但「一行幾個、圖怎麼放」這種常見的東西能自己調。這篇談自有店怎麼做到這個中間解。

「一行幾個」終於能自己調

過去版面「一行顯示幾個商品、卡片間距、圖片比例」這些,全綁死在你選的那套版型裡,賣家碰不到。現在每個首頁區塊多了一小組「版面設定」:主打商品這類區塊,可以逐區塊調一行幾個(2 / 3 / 4)、列表風格(格線 / 雜誌 / 輪播)、圖片比例(正方 / 直式 / 橫式)、間距(緊湊 / 一般 / 寬鬆)、對齊(靠左 / 置中);全店的商品頁格線也能設一行幾個。同一套版型、同一批商品,光靠逐區塊微調就能排出很不一樣的樣子。

• 一行幾個:桌機主斷點設 2 / 3 / 4;手機由系統自動降階,你不用煩惱響應式會不會破版。
• 列表風格:主打商品可切格線 / 雜誌 / 輪播三種既有排法。
• 圖比例 / 間距 / 對齊:正方 / 直式 / 橫式、緊湊 / 一般 / 寬鬆、靠左 / 置中,各有固定檔位。
• 每個設定都有「跟隨版型」的預設:不選就是沿用版型原本的樣子,不怕動壞。

商品頁也能排:圖怎麼放、字多大、描述展不展開

商品頁(單獨商品頁)是最影響轉單的一頁,現在也能調。可用的設定包括圖庫排列(主圖加縮圖列 / 大圖直落)、商品圖比例、資訊欄相對圖庫的位置(並排 / 圖片下方)、標題與內文字級、大價格的風格、加入購物車鈕的文字(從白名單選,例如「立即購買」「預購」),以及商品描述要全展開還是「看更多」摺疊。全都是下拉選單,改了左邊預覽即時反映。

購物車:能調的地方調,不能動的地方誠實說

購物車和結帳是全站最該謹慎的一面——它牽動金額計算、必填的收件資料、金流與物流。所以這裡我們把「可調」畫得很收斂,誠實告訴你哪些不能動:購物車目前可調的是列的縮圖比例(純外觀);至於必填欄位、金額、付款與運送方式,由系統統一、不開放賣家調整。這不是功能少,是刻意守住交易安全與資料最小化的邊界——會影響下單正確性與買家個資的地方,不該用版面設定去動它。

這是「套版」和「builder」的中間解

刻意不做拖拉式 builder,是因為對一人或小團隊經營的店來說,自由畫布代表更長的學習曲線、更多破版風險,以及上線後更難維護。改用「有限選項的策展設定」,你拿到的是夠用的彈性——一行幾個、圖怎麼放、描述展不展開——又不必承擔 builder 的複雜與風險。而且店面設計的預覽和實際店面同源,改設定當下所見即所得,不會發生「後台看起來對、上線卻跑版」的落差。