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

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

新增功能：

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

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

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

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

2、新增泰孚自有图标字体库；

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

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

【应用效果】泰孚图标字体库所含图标如下图所示：

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

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

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

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

功能优化：

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

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

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