SHOPLINE 推出了采用典雅精致设计的 Philia 版型，推荐贩售珠宝首饰、时装精品、食品零食类等，追求商品图细节展现与有呈现大量商品信息需求的商家使用。
在 Philia 版型可供商家在网店页首放置较大的 LOGO ，让品牌视觉形象更显眼，而更大的 LOGO 版面，也可满足店家在 LOGO 上放置营销活动名称以宣传活动的需求，且在顾客滚动页面后会缩小页首，不用担心影响顾客的浏览范围。
＊注意：若您目前的商店方案为正式方案，且仅有「社群购物」方案，将无法变更商店版型。
一、依照品牌形象打造网店主题颜色与字型
1. 自订主题颜色
将会套用在网店的按钮与标签。可使用品牌色或自订颜色，打造网店独特风格。 （建议避免使用浅淡的颜色，以提高可读性）
编辑位置：管理后台 > 网店设计 > 设计 > 商店版型 > Philia 版型设定
（编辑时请使用 HEX 六位数色码，可参考https://htmlcolorcodes.com/）
2. 自订主题字型
商家可根据网店品牌风格选择套用思源宋体或是思源黑体，设定后将会套用于网站特定地方（宋体只会体现在标题类）。
- 思源宋体：富有古典美，庄重优雅的衬线体。
- 思源黑体：富有现代感，简单俐落的字体。
二、Philia 版型特色介绍
1. 商品列表页面
- 在 Banner 上会显示商品分类名称与分类路径，突显商品分类。
- 为满版响应式设计，在手机版上只显示一列商品，让顾客有更好的浏览体验。
2. 商品细节页面
- 提供图片放大镜效果，只要将滑鼠轻移至商品图片上方即可放大查看图片细节，且点击图片右下角放大按钮可以全萤幕检视商品图片。
- 以分页呈现商品描述、送货及付款方式与顾客评价等资讯，让顾客可以快速找到所需资讯，并专注于阅读内容。
3. 商品图
- 商品图版型比例为 3:4。
- 若希望自动裁切商品图片，商家可自行在网店后台 > 网店设计 > 设计 > 进阶设计设定 > 开启「自动把商品图片裁剪成设计预设相框的大小」功能。
建议商品图片尺寸：825px (宽) x 1100px（高）
三、各页面建议 Banner 尺寸
请记得使用图片压缩工具，让大图不会占用顾客太多网路流量导致网站读取速度过慢。
（推荐使用：https://tinypng.com/）
1. 进阶分页
如果是页首置顶 Banner，喜欢整个萤幕满版图片，可使用 1920 x 850 px。
如果不想占满整个萤幕，喜欢较窄的比例，推荐使用 1920x450px，并会在桌机约占满 3/2 画面范围
2.商品列表页
提供上传全宽的Banner ，让商家可以利用此区块营造各个不同分类的情境和丰富度，建议Banner 高度不超过640 px，让顾客在一进入商品列表页时，能稍微看到第一排商品。Banner 采用全宽显示，特别适合精品类型的产品展示。
以上是 Philia 版型的特色介绍，立即试用看看吧！
评论