本文介绍使用电商会员功能时,可能会用到的一些组件。
添加电商会员组件
在设计器中,单击,选择登录控件、注册控件、登录状态控件、购物车控件、收藏夹控件,及手机端特有的我的控件。
此控件常与网站后台的电商会员功能配合使用,如需了解更多请参见网站电商配置。
设置登录控件
选中当前登录控件,将弹出快速设置面板,可设置样式、编辑、动效、排列。
单击编辑选项卡,右侧面板中可配置设置所在页面为登录页开关、文字编辑(包括账号、密码、登录、注册新用户、忘记密码等文本项)、选择登录后跳转页面(例如选择会员中心)以及注册链接。
-
样式:可调整默认和悬停时的样式。
-
编辑:可编辑文字、设置登录跳转页面、注册页面的链接、打开方式。
-
动效:可设置动画效果。
-
排列:可设置尺寸和位置。
设置注册控件
选中当前注册控件,将弹出快速设置面板,可设置样式、编辑、动效、排列。在网站搭建编辑器中,选中注册表单组件进入编辑模式。注册表单包含用户名、验证码、密码、确认密码四个输入框,以及注册按钮和已有账号,去登录按钮。右侧编辑面板提供以下配置:设置所在页面为注册页开关、注册项列表(默认包含用户名和密码,可单击添加注册项增加更多字段)、登录链接(默认值为 /login)。
-
样式:可调整默认和悬停时的样式。
-
编辑:可编辑文字、设置注册项、登录页面的链接、打开方式。
-
动效:可设置动画效果。
-
排列:可设置尺寸和位置。
设置登录状态控件
登录控件一般放置在网站顶部,适用于网站会员,可设置会员页面访问权限,会员可使用商城功能等。需拥有登录、注册页面,登录页面中应有一个登录控件,注册页面中应有一个注册控件。
选中当前登录状态控件,将弹出快速设置面板,可设置样式、编辑、动效、排列。选中登录状态组件后,单击编辑标签页,在右侧弹出的文字编辑面板中可配置登录、注册、退出三个文本字段的显示内容。在登录链接区域输入链接地址(如 /login),并设置打开方式为在当前窗口打开;在注册链接区域同样配置注册页面的链接地址和打开方式。
-
样式:可调整默认和悬停时的登录按钮、注册按钮、用户名文字、退出按钮的样式。
-
编辑:可编辑文字、设置登录页面与注册页面的链接、打开方式。
-
动效:可设置动画效果。
-
排列:可设置尺寸和位置。
手机端-设置我的控件
网站会员登录后,可单击此控件进入会员中心。
在设计手机端时,选中我的控件,单击我的或者设置,将弹出快速设置面板,可设置样式、数据、动效、排列。在手机预览区底部导航中单击我的控件进入编辑状态,右侧属性面板样式页签下可配置图标样式、图标颜色、文字字号及图标大小等属性。
-
样式:可设置图标样式及文字颜色、大小。
-
数据:可编辑文字内容。
-
动效:可设置动画效果。
-
排列:可设置图标尺寸及位置。
设置购物车控件
选中当前购物车控件,将弹出快速设置面板,可设置样式、编辑、动效、排列。选中购物车组件后,在组件上方工具栏中单击编辑,弹出文字编辑对话框。在文本输入框中输入显示文字(如"我的购物车"),在打开方式下拉框中选择链接打开方式(如在当前窗口打开)。
-
样式:可调整默认和悬停时的样式。
-
编辑:可编辑文字、设置打开方式。
说明在产品详情页中编辑购物车页面,用户单击网站购物车控件,即可添加商品、收藏商品、进行结算。如需了解产品详情页请参见三、切换页面分类。
-
动效:可设置动画效果。
-
排列:可设置尺寸和位置。
设置收藏夹控件
会员登录状态下单击收藏夹控件可查看已收藏的文章及产品。需设计人员在编辑文章详情页和产品详情页时添加收藏文章控件、收藏产品控件。
选中当前收藏夹控件,将弹出快速设置面板,可设置样式、编辑、动效、排列。选中收藏夹控件后,在弹出的操作工具栏中单击编辑页签,打开文字编辑对话框。在文本输入框中修改显示文字,在打开方式下拉框中选择链接打开方式(如在当前窗口打开)。
-
样式:可调整默认和悬停时的样式。
-
编辑:可编辑文字、设置打开方式。
-
动效:可设置动画效果。
-
排列:可设置尺寸和位置。