2019年4月第二周:产品列表新增鼠标悬停换图功能 | 引入领动图标字体库 | “高级导航”组件新增下拉菜单大图展示风格

浏览数量: 61     作者: 本站编辑     发布时间: 2019-04-16      来源: 本站

大家好,本周我们又有一些新功能更新了,赶快来了解吧!


新增功能:

1、产品列表组件新增风格,支持鼠标悬停更换图片;

【应用场景】为便于用户浏览产品图片时,全面了解产品细节,快速询盘、购买产品,特在产品列表组件中增加鼠标悬停切换或放大图片功能。若用户将鼠标悬停于产品展示图片之上,当图片仅有一张时,可实现自动放大;当图片不止一张时,可实现图片切换展示,且都在展示图片右上角设置快速操作入口,该功能便于用户全面获取产品信息、快速询盘或购买。

【操作方法】在“产品组件”中选择“产品列表”,在“设置产品列表框”选择“风格”栏,选中如下图所示的风格:

5(V_ZV}I@695)1@UVL]YU9


【应用效果】在产品展示界面,将鼠标悬停于产品图片上时,其效果如下图所示:

鼠标悬停换图


2、新增领动自有图标字体库;

【应用场景】为了丰富网页设计基本组件,提高图标文字匹配成度,我们在基础组件中引入了领动图标字体库,该库由领动自主维护,大家有新的图标字体的需求请通过工单反馈,我们会逐渐扩展领动图标字体库。

【操作方法】在“基础组件”中选择“图标字体”,单击设置,在弹出的弹窗中点击“选择图标字体”即可切换到领动图标字体库,操作如下图所示:

117YR2PAUO(`[E6@)HP_2E1


【应用效果】领动图标字体库所含图标如下图所示:

}JIW62$XY%5@TWY$`O36]3


3、“高级导航”组件新增下拉菜单大图展示风格;

【应用场景】为了简化用户查看产品的流程,帮助用户快速查看产品图片,特设立下拉菜单大图展示风格,该功能可实现产品图片快速查看,降低了用户查看产品的门槛。

【操作方法】在“添加组件”的“基础组件”中选择“高级导航”,再将跳出的操作弹窗切换到“风格”栏,选择一种包含图片展示的下拉菜单风格。

KY){OD5}EIDAC)SVFNNHR2L


【应用效果】选择具体的下拉菜单风格并添加产品图片后,其展示效果如下图所示:

GORVJ7ENI{Z[LFJB@WJL@L4


功能优化:

1、将商城添加产品页面的重量和体积字段改为非必填项;

【应用场景】在有些情况下,我们不需要填写新增产品的体重及体积,为了更大限度地满足各种应用场景的需求,将添加产品时的重量和体积字段由必填项改为非必填项。

【操作方法】在后台添加产品界面中,产品包装信息可填可不填,点击保存即可成功添加新产品,详见下图:

文章分类