SHOPLINE 推出了採用典雅精緻設計的 Philia 版型,推薦販售珠寶首飾、時裝精品、食品零食類等,追求商品圖細節展現與有呈現大量商品資訊需求的商家使用。
在 Philia 版型可供商家在網店頁首放置較大的 LOGO ,讓品牌視覺形象更顯眼,而更大的 LOGO 版面,也可滿足店家在 LOGO 上放置行銷活動名稱以宣傳活動的需求,且在顧客滾動頁面後會縮小頁首,不用擔心影響顧客的瀏覽範圍。
一、依照品牌形象打造網店主題顏色與字型
1. 自訂主題顏色
將會套用在網店的按鈕與標籤。可使用品牌色或自訂顏色,打造網店獨特風格。(建議避免使用淺淡的顏色,以提高可讀性)
編輯位置:管理後台 > 網店設計 > 設計 > 店面版型 > Philia 版型設定
(編輯時請使用 HEX 六位數色碼,可參考https://htmlcolorcodes.com/)
2. 自訂主題字型
商家可根據網店品牌風格選擇套用思源宋體或是思源黑體,設定後將會套用於整個網站。
- 思源宋體:富有古典美,莊重優雅的襯線體。
- 思源黑體:富有現代感,簡單俐落的字體。
二、Philia 版型特色介紹
1. 商品列表頁面
- 在 Banner 上會顯示商品分類名稱與分類路徑,突顯商品分類。
- 為滿版響應式設計,在手機版上只顯示一列商品,讓顧客有更好的瀏覽體驗。
2. 商品細節頁面
- 提供圖片放大鏡效果,只要將滑鼠輕移至商品圖片上方即可放大查看圖片細節,且點擊圖片右下角放大按鈕可以全螢幕檢視商品圖片。
- 以分頁呈現商品描述、送貨及付款方式與顧客評價等資訊,讓顧客可以快速找到所需資訊,並專注於閱讀內容。
3. 商品圖
- 商品圖版型比例為 3:4。
- 若希望自動裁切商品圖片,商家可自行在網店後台 > 網店設計 > 設計 > 進階設計設定 > 開啟「自動把商品圖片裁剪成設計預設相框的大小」功能。
建議商品圖片尺寸:827px (寬) x 1100px(高)
三、各頁面建議 Banner 尺寸
請記得使用圖片壓縮工具,讓大圖不會佔用顧客太多網路流量導致網站讀取速度過慢。
(推薦使用:https://tinypng.com/)
1. 進階分頁
如果是頁首置頂 Banner,喜歡整個螢幕滿版圖片,可使用 1920 x 850 px。
如果不想佔滿整個螢幕,喜歡較窄的比例,推薦使用 1920x450px,並會在桌機約佔滿 3/2 畫面範圍
2.商品列表頁
提供上傳全寬的 Banner ,讓商家可以利用此區塊營造各個不同分類的情境和豐富度,建議 Banner 高度不超過 400 px,讓顧客在一進入商品列表頁時,能稍微看到第一排商品。Banner 採用全寬顯示,特別適合精品類型的產品展示。
以上是 Philia 版型的特色介紹,立即試用看看吧!
評論