[即将推出]Skya 版型使用指南

1.CHS_________.png

banner_copy.jpgSkya 版型新推出,適合潮流運動、戶外用品,品牌風格強烈的店家,SHOPLINE 提供多種客製化主題,可自行設計網站色系與販售商品搭配,營造品牌特色

Skya版型新推出,适合潮流运动、户外用品,品牌风格强烈的店家,SHOPLINE提供多种客制化主题,商家可自行设计网站色系与贩售商品搭配,营造品牌特色

 skya.png

 

一、依品牌风格定义主题颜色及主题字型

Skya提供多种自订颜色项目,商家能更好展现网站特色,吸引顾客浏览购买

1. 自订页首、页尾背景颜色

商家可使用色码调整背景颜色,会显示在页首、页尾,让网站呈现整体一致色系的风格,,配合品牌形象,打造出店铺的时尚态度

编辑位置:管理后台>网店设计>设计>店面版型> Skya版型设定

Screen_Shot_2020-08-17_at_3.15.26_PM.png

 

2. 自订主题颜色、主题文字颜色

自订主题颜色,会套用至网店的按钮、会员价标签等地方,搭配适当色系,风格更加鲜明

编辑位置:管理后台>网店设计>设计>店面版型> Skya版型设定

可使用品牌色或自订颜色并套用为网站的主题色,请使用HEX六位数色码。 (避免使用浅淡的颜色,以提高可读性)色码参考:https://htmlcolorcodes.com/ 

Screen_Shot_2020-08-17_at_3.15.57_PM.png

主题文字颜色可根据网站的背景颜色、主题颜色,选用黑/白色做为搭配在上面的文字颜色,以便阅读

Screen_Shot_2020-08-17_at_3.16.43_PM.png

 

二、分页目录及商品细节页功能介绍

  • 商品列表页的排版方式是以3个商品为一组,适合较大的商品图,强化内容行销 
  • 若想要图片有整齐的效果,可按照商品图片的默认尺寸比例3:4做设定

Tips: 若需裁剪可在后台进行修改,详细介绍请看Faq: 商品图片编辑器(即将推出)

建議商品圖片尺寸:825px (寬) x 1100px(高)

 7._Skya_-_plp.png

  • 商品明细页左侧为固定,右侧搭配可滑动商品资讯,方便顾客浏览 
  • 商品资讯显示是以展开式页签呈现,以视觉空间感较小的方式呈现商品描述,使顾客更能够聚焦在图片本身,建议以简单清楚的文字描述,使整体画面干净和谐

sky_plp.gif

 

三、设定Banner行销广告

在网店的首页放置满版Banner以达到品牌的冲击感及推销的广告,吸引顾客的购买欲~

 1._Skya_-_home.png

如何把Banner设为满版:

编辑位置:管理后台>网店设计>网店分页>首页>编辑

 

使用图片元件,上传后可在设定里勾选「显示全宽图片模式」及「关闭上下间距」;也可上传多张以轮播图片方式呈现 

商家也可以利用「上传手机版图片」的功能去迎合手机用户的顾客喔~图片元件设定请参考:图片元件|进阶分页

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

 

以上是 Skya 版型的特色介紹,立即試用看看吧! 

 

 

还有其它问题?提交请求

评论