在线帮助中心

模块装修

下面,我们来着重介绍各个装修模块的修改与应用。如下图所示:

一、标题栏

点击“标题”添加标题栏。在文本框中输入标题内容。

标题有四种显示类型与三种显示方式,用户可以选择适合自己的显示类型与显示方式。

鼠标点击下方滑块可调节标题栏与上下模块的间距,可以调节文字大小。

如下图所示:


二、商品搜索

点击添加“商品搜索”。如下图所示:

三、自定义模块

点击添加“自定义模块”。如下图所示:

如果你已添加了“自定义通用模块”那么,我们只需点击“修改”按钮进行相应模块的选择。如下图所示:

如果你没有添加相应的“自定义通用模块”,点击添加“自定义模块”,就没有可以选用的模块,这样的情况,就应当到:店铺→店铺管理→自定义通用模块中添加相应的模块进行保存。如何添加“自定义通用模块”我们会在1.3.6小节中详细讲解。

四、商品

点击添加“商品”。布局方式显示分为:双列商品、单列商品。 双列商品显示如下图所示:

用户设置好布局方式、样式、是否显示标题、价格是否加粗等相关操作。点击虚线框中的“+”进行选择添加商品。如下图所示:

鼠标移动到选择商品的图片上,即可点击删除图标进行删除商品。如要交换商品位置,可点击“左箭头”、“右箭头”进行位置移动。如下图所示:

单列商品显示,设置方式与双列商品相同。 如下图所示:

五、图片导航

点击添加“图片导航”,图片导航除选择“固定大小”、“样式二”能添加多张图片以外,其他均支持最多添加五张图片。(系统默认为五张,也可添加三张、两张、一张)系统会根据你上传的图片张数进行自适应处理。用户只需要点击右上角的“X”删除按钮即可进行删除。如需要增加请点击下方虚线框中的“+”号进行添加。具体显示方式如下图所示:

连接到有选择商品、商品分组、专题页面、优惠券链接四种选择。 下面我们着重讲解图片导航各属性的设置。 首先,可以设置图片导航的布局方式,可以选择“固定大小”,也可以选择“根据图片适应”两种方式。用户可根据自身情况选择“样式一”、“样式二”,鼠标拖动滑块调节上下边距。 其次,点击“上传图片”弹出“我的图库”,进行图片上传或选择。具体操作如(图二)所示:

(图二)

上图就是“我的图库”界面,下面就“我的图库”做详细的介绍。 首先来看左边,这里可以管理图片的分类,有利于用户对图片的管理。点击“添加”按钮进行添加分类文件夹、文件夹重命名、删除的相关操作。如图三所示

(图三)

分类文件夹建立以后,在右边进行图片的上传、删除以及对未分类图片的移动与管理。

上传图片:点击“上传图片”按钮,弹出文件选择框,选择你要上传的图片即可。如有多张图片上传,可以按住Ctrl键或Shift键,用鼠标点击选择多张图片批量上传。

移动图片到:选择未分类的图片,点击“移动图片到”按钮,系统弹出文件夹列表,选择你要放入的文件夹。

移动分类到:相关操作与“移动图片到”相同。

删除所选图片:即选中你要删除的图片(可选择多张图片),点击“删除所选图片”按钮进行删除。

最后,选中你要添加的图片,点击 "使用选中得图片" 即添加图片成功。

图片添加好以后,输入相应的“导航名称”及“文字背景颜色”的设置,最后选择链接地址(这里的链接地址与文本导航的链接地址操作相同,请参看文本导航里对链接地址的介绍)。如需调整图片导航的位置,请点击右上角的“向上”、“向下”图标。

五、图片广告

点击添加“图片广告”。建议图片宽度为“640px。如下图所示:

图片广告的显示方式分为:“折叠轮播”与“分开显示”两种方式。

1、折叠轮播:即为多张图片轮换显示。鼠标拖动滑块可调整上下边距,添加图片请点击虚线框中“+”进行添加。选择要添加的图片、链接的地址以及相关的标题。(注:图片的标题手机端不显示,只作后台图片标识使用)。

2、分开显示:可以调节每张图片的上下距离。

如下图所示:

具体显示方式区别如下图所示:

(折叠轮番显示效果)

(分开显示效果)

六、分割线

点击添加 "分割线"。分割线为上线模块的分割线,目前是虚线分割。

如下图所示:

七、辅助空白

点击添加“辅助空白”。辅助空白与调节模块间的上下距离类似。鼠标拖动滑块可以调整空白的高度。如下图所示:

八、橱窗

操作步骤:

小程序后台→店铺→编辑,增加“橱窗”组件,链接到选择专题页面,如下图:

手机端展示:

九、视频

点击添加“视频”。目前只支持腾讯视频,一定要填写http://v.qq.com/iframe/player.html?vid=XXXX格式的视频地址,请去腾迅视频里面进行上传,然后选择视频,复制链接即可

十、品牌街

商家可以自定义”品牌街“的名称,根据需求添加图片和链接(链接到商品分类),一次只能添加一个。

手机端页面显示如下:

十一、卡片列表

十二、滑动导航