Sangria 版型使用指南

1.SHOPLINE_________.png

banner_copy.jpg

诚意推出时尚新版型 - Sangria。专为售卖服装饰品的店家而设计,迎合市场流行的时尚风,为你打造符合品牌风格的商店。版型最大特色为响应式图片,图片随萤幕宽度缩放,瞬间提升商品的吸引度!

 

 

一、客制化网店主题颜色和字型

位置:管理后台 > 商店设计 > Sangria 设定 >  店面版型

1. 自订主题颜色

Group_1.jpg

 

为迎合品牌形象可为网店设定主题颜色,使用不同的搭配能为你的网店打造具有独特性的风格。

使用色码可以控制整个网站的按键、重点资讯等,请使用 HEX 六位数色码。 (避免使用浅淡的颜色,以提高可读性) 色码参考:https://htmlcolorcodes.com/ 

_____2019-01-09___11.58.27.png

Group_4.jpg

 

2. 自订主题字型

同时也提供客制化网店字型,此版型提供两款字型,一旦套用,整个网站都会换成选用的字体。

  • 黑体:较适合现代、简约的风格
  • 宋体:为衬线字,较适合经典、文青风格的网站。

Group_6.jpg

 

 

二、响应式版型

Sangria 为响应式版型,图片会随萤幕宽度缩放,商品图片的预设比例为 3:4 更适合贩卖服装的店!可在后台 > 商店设计 > 进阶设计设定 里设定「自动把商品图片裁剪成设计预设相框的大小」可让图片更整齐。

建议商品图片尺寸:825px (宽) x 1100px(高)  

请记得使用图片压缩工具,让大图不会占用顾客太多网路流量导致网站读取速度过慢,推荐使用:https://www.iloveimg.com/zh-tw/compress-image

 

Group_2.jpg

 

 

三、商品分类横幅

可在每个商品分类里加上相关的横幅为该分类添上专属的封面!为了浏览体验,建议不要使用高度太大的图片。

位置:管理后台 > 商品和分类 > 商品分类 > 编辑 > 分类横图

建议尺寸:1800px (宽) x 400px(高)

Group_3.jpg

 

 

四、两列商品明细页

1. 两列商品图片

崭新商品明细页的商品图片以两列的方式呈现,特别适合商品图片多的店,让顾客有更好的的浏览体验。  

 

2. 快速连结

为了可以显示更多商品图片,怕顾客容易忽略商品资讯?可以试一下点击「加入购物车」按钮下方的文字连结,可以直接带顾客到相关的区块!

 

3. 置顶按钮

要是页面被滑到下面看不到购买按钮怎么办?不用怕,Sangria 会在上方一直显示「加入购物车」的按钮,顾客可以随时购买。

ezgif.com-video-to-gif_copy.gif

 

 

五、部落格样式

Sangria 突破旧有部落格排版,推出崭新的设计。分为两个区块:

  • 一个为大图片:最顶的永远显示最新发布的文章,大图片能吸引读者。
  • 一个为四个小图片:一行显示四则文章,只会显示标题,凸显文章的主旨。

部落格列表页的图片会显示文章内的第一张图片,比例都是统一 1:1, 但不用去特意裁减图片,因为点进内文能看到全图。若文章没有图片,会显示小图标。

ezgif.com-video-to-gif.gif

 

以上是 Sangria 的特色介绍,立即试用看看吧!

 

 

 

 

 

还有其它问题?提交请求

评论