文档

店铺导购页

更新时间:

店铺导购页包括首页标签类型页面、分类页标签类型页面以及商家自定义标签类型页面。商家首次进入LinkedMall品牌商城,系统将会自动生成首页与分类页。

新建页面

店铺 > 页面管理 > 店铺导购页界面,单击左上角新建页面,输入页面名称,选择页面标签场景模板,单击确定

说明

商家自定义页面,如优惠券领取页面、活动页面等需先创建自定义页面标签,请勿使用系统内置页面标签,否则可能会引起跳转异常等问题。

修改页面

单击页面列表右侧修改页面信息,系统进入修改页面信息界面,修改页面名称完成后单击确定

编辑页面

单击页面列表右侧编辑,系统进入编辑界面,选择左侧界面组件,拖拽至显示区,选中显示区组件后可在界面右侧对组件进行配置,配置完成后单击发布编辑页面

序号

说明

1

基础组件,详细信息请参见基础组件

2

交易组件,详细信息请参见交易组件

3

大纲树,展示当前页面的所有组件,商家可在大纲树中通过选中某一组件,实现快速查找和到达该组件。

4

显示区,将需要用到的组件拖动至该区域进行配置。

5

上一步(撤销)和下一步(重做)按钮,可实现操作的撤销和重做。

6

页面搭建完成后,单击保存可保存页面。保存后,页面状态更新为未发布

7

页面搭建完成后,单击发布完成页面发布。发布后,页面状态更为已发布

说明

页面搭建后,需发布才能生效。

8

组件配置区,将组件拖动至显示区,选中不同组件配置区显示不同内容。

基础组件

基础组件能为页面增加各种能力,丰富页面。商家可利用基础组件的能力,搭建符合自己需求与特色的商城小程序。基础组件常用在首页、活动页等店铺搭建页的搭建中。

单图

单图配置
  • 标题:设置单图标题。

  • 选择图片:单击选择图片,在素材库中选择图片。

  • 链接选择:单击链接选择,系统进入选择链接界面,选择链接后单击确定选择链接

  • 热区:单击配置热区,系统进入图片热区配置器。单击左键拉动选择框框定热区,在热区对应的链接选择中设置热区跳转链接,单击确定热区配置

  • 倒角:设置倒角模式,可选择直角或圆角。

  • 上下边距:拉动圆点设置上下边距。

  • 左右边距:拉动圆点设置左右边距。

  • 阴影:设置有无阴影。

图文导航

图文导航配置
  • 模式:设置图文导航模式,模式有大图标小图标标题标题描述图片可选,商家可根据页面设计按需选择。

  • 布局:设置图文导航的布局模式。

  • 图文输入:设置图文导航的图片、导航名、链接等。单击下方添加图片可添加一行新的图文。

  • 位置:设置图文导航的位置。

  • 样式:有基础显示两块内容可设置,主要设置导航的默认显示与选中显示、背景色等。

搜索

搜索配置
  • 热词:设置搜索热词。

  • 对齐:设置对齐方式。

  • 组件背景色:设置组件的背景色。

  • 搜索页链接跳转:设置跳转链接,一般可设置为页面标签中的搜索页。

视频

视频配置
  • 选择视频:单击选择图片,在素材库中选择符合要求的视频。

  • 选择视频封面:单击选择图片,在素材库中选择合适的图片作为视频封面。

  • 是否循环播放:打开后视频循环播放。

  • 页面边距:拉动圆点设置页面边距。

浮动工具

浮动工具配置
  • 对齐:设置组件的对齐方式。

  • 自由移动:打开开关后,浮动工具可以在页面上自由移动。

  • 默认展开:打开开关后,组件设置的icon默认呈展开模式。

  • 倒角:拉动圆点设置组件倒角。

  • icon大小:拉动圆点设置组件icon大小。

  • 内容:设置浮动工具中的内容。单击添加图片增加浮动工具的内容。单击选择图片,在素材库中选择图片。单击链接设置该图片单击后的跳转链接。

魔方

魔方配置
  • 模式:选择魔方的显示模式。

  • 布局:根据所设置的模式,展示相应布局。当模式设置为自定义时,可在布局中调节布局尺寸等。

  • 内容:设置魔方组件显示的内容。单击选择图片选择图片。单击链接设置该图片单击后的跳转链接。

  • 图片边距:拉动圆点调节图片边距。

  • 边框:设置边框颜色。

弹框

弹框配置
  • 模式:模式可选择图片或文字模式。

  • 图片:单击添加图片新增图片。单击选择图片,在素材库中选择图片。单击链接设置该图片单击后的跳转链接。

  • 标题:设置标题。

  • 描述:设置描述。

  • 触发弹框方式:设置触发方式,可选页面载入时触发或单击链接时触发。选择点击链接时,本页内其他控件的链接选择可设置为本页链接中的该弹窗组件。

  • 疲劳度:设置疲劳度,即设置弹窗出现是每次都弹窗或仅弹窗一次。

  • 是否自动关闭:设置自动关闭开关,设置打开弹窗3秒后关闭,设置关闭需要手动关闭弹窗。

商品列表

商品列表配置
  • 模式:选择商品列表组件的模式。

  • 布局:选择布局方式,有平铺瀑布流横向滑动可选。

  • 选择分组:单击选择分组,设置关联商品分组地图。

  • 加载方式:选择商品列表的加载方式,有全部加载下拉自动加载点击加载更多

  • 加载:设置当商品超出某一行数单击更多展开,仅在加载方式设置为下拉自动加载点击加载更多时需要配置。

  • 样式:样式设置有基础显示两块内容,主要设置商品列表组件的显示属性。

轮播图

轮播图配置
  • 模式:选择轮播图组件的模式,有轮播图大手滑图小手滑图可选。

  • 布局:选择轮播图组件的布局方式,有仅图片图配文可选,当设置为图配文时,轮播图将显示图片加标题和描述内容。

  • 自动轮播放:开关打开后,轮播图将自动播放。

  • 隐藏轮播进度条:开关打开后,轮播进度条将不显示。

  • 图片列表:单击添加图片新增图片。单击选择图片,在素材库中选择图片。单击链接设置该图片单击后的跳转链接。

  • 倒角:拉动圆点调节倒角。

  • 边距:拉动圆点调节边距。

  • 阴影:设置轮播图组件图片有无阴影。

  • 轮播进度条:设置轮播图组件进度条样式。

  • 卡片/组件背景色:设置轮播图组件和组件卡片背景色。

分割线

分割线配置
  • 模式:设置分割线组件的模式,有虚线实线可选。

  • 颜色:设置分割线组件的线条颜色。

  • 上下:拉动圆点调节分割线组件分割上下两个组件的距离。

  • 边距:设置分割线组件是否具有边距。

标题

标题配置
  • 标题:设置组件的标题名称。

  • 描述:设置组件的描述内容。

  • 对齐:设置组件中文字的对齐方式。

  • 标题链接跳转:单击链接选择器,设置该图片单击后的跳转链接。

  • 背景色:设置标题组件的背景颜色。

  • 标题样式:设置标题组件中标题的样式,可设置字号、粗细、颜色三项。

  • 描述样式:设置标题组件中描述的样式,可设置字号、粗细、颜色三项。

左图右文

左图右文配置
  • 图文设置器:单击添加图片增加图片数量,单击选择图片,在素材库中选择图片,标题和描述框中可输入文字信息。单击链接设置该图片单击后的跳转链接。

  • 组件背景色:设置组件的背景颜色。

  • 卡片背景色:设置组件卡片的背景颜色。

  • 标题颜色:设置组件中标题文字颜色。

  • 描述颜色:设置组件中描述文字颜色。

  • 内边距:拉动圆点调节组件中各卡片的边距大小。

二维码组件

说明
  • 二维码组件的使用需要将小程序包更新到2.4.2及以上版本。

  • 微信二维码仅支持长按保存、收藏、转发二维码图片,不支持长按识别。

  • 标题:设置组件的标题名称image..png

  • 描述:设置组件的描述内容image..png

  • 输入链接

    1. 设置需要跳转的二维码链接,并复制该链接。

      说明

      下文中的链接均为测试链接,请商家根据需要进行自定义链接配置。

      image..png
    2. 登录支付宝开放平台,进行openURL配置。

      1. 开发设置>openURL配置界面,单击添加image..png

      2. 配置地址。

        • 添加地址:请注意,若目标地址为http://detail.tmall.com/xx?i=1234,则填写地址为:http://detail.tmall.com,com后缀部分无需添加。

        • 业务场景:小程序内部二维码进行识别二维码。

        • 上传实例:可上传二维码图片。

        • 申请原因:小程序内部二维码进行识别二维码,需要添加白名单。image..png

      3. 申请通过后,配置列表中的申请状态将更新为通过image..png

  • 动态参数:单击image..png可配置参数,key值(可选填)用户可进行自定义,value值为系统默认不可配置。配置后参数会显示在链接后端。image..pngimage..pngimage.png

  • 二维码尺寸:通过设置参数调整二维码的大小image..png

  • 容器高度:通过设置参数调整组件框的大小image..png

  • 容器背景图:单击图片标识,可添加图片配置背景图,添加后单击确认image..png

  • 容器背景色:设置组件的背景颜色image..png

  • 对齐方式:单击下拉按钮可选择二维码在容器中的位置image..png

交易组件

交易组件主要为小程序建立交易等系统流程页面。

优惠券弹窗

优惠券弹窗配置
  • 一键领取按钮文案:设置一键领取按钮的名称文案,如全部领取、一键领取等。

  • 优惠券配置:设置组件所关联的优惠券,最多可配置3张优惠券。单击新增优惠券添加优惠券,输入优惠券标题,单击链接选择优惠券。

分类页

分类页配置

单击选择分类,选择分组后单击确定

搜索页

搜索页配置热门搜索文本框输入需要加入热门搜索的商品名称。

优惠券领取

优惠券领取配置
  • 优惠券样式:设置优惠券颜色。

  • 一键领取按钮文案:设置优惠券一键领取的文案展示。

  • 优惠券配置:配置优惠券。单击新增优惠券添加优惠券,输入优惠券标题,单击链接选择优惠券。

  • 背景色:设置优惠券领取组件的背景色。

  • 背景图:设置优惠券领取组件的背景图。单击选择图片,在素材库中选择图片。

  • 阴影:设置组件阴影效果开关,打开该开关,优惠券显示阴影效果。

  • 圆角:设置组件圆角效果开关,关闭该开关,优惠券呈直角显示效果。

页面配置

页面配置用于配置页面基础设置。单击显示区页面最上方页面标题区域,在右侧页面配置中设置相关参数。

页面配置
  • 模式:设置页面显示模式,可设置为经典沉浸式

    说明

    建议商家将购物车订单详情页下单页个人中心四个页面的页面模式设置为沉浸式,以获得更好的交互体验。

  • 标题:设置页面标题,即页面名称,首页页面标题建议设置为小程序名。

    说明

    商家自定义页面如优惠券领取页、活动页等页面标题请勿遗漏设置。

  • 背景:设置页面背景色,单击重置可恢复系统默认设置。

  • 页面背景图:设置页面背景图的标题并上传图片。

页面标签生效配置

单击页面标签类型列下方未启用,使该页面标签生效。

说明

每个页面标签下只有1个页面可置成启用中状态,启用状态表示该页面在小程序中处于使用中。

页面标签生效

发布页面

单击页面列表右侧发布,在发布页面单击确定 完成发布。

说明
  • 目前系统仅支持立即发布,发布时间不可设置。

  • 页面搭建后,需发布才能生效。

删除页面

单击页面列表右侧删除删除不需要的页面内容,请确认页面无用后再进行操作。

说明

已发布的页面不支持删除。

查询页面

根据页面状态页面标签页面名称/ID查询页面。

说明

单击重置恢复初始状态。

  • 本页导读 (0)