添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

店铺导购页包括首页标签类型页面、分类页标签类型页面以及商家自定义标签类型页面。商家首次进入 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..png image..png image.png

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

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

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

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

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

交易组件

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

优惠券弹窗

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

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

分类页

分类页配置

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

搜索页

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

优惠券领取

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

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

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

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

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

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

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

页面配置

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

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

    说明

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

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

    说明

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

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

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

页面标签生效配置

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

说明

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

页面标签生效

发布页面

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

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

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

删除页面

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

说明

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

查询页面

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

说明

单击 重置 恢复初始状态。