店铺导购页

• 标题：设置单图标题。

• 选择图片：单击，在素材库中选择图片。

• 链接选择：单击，系统进入选择链接界面，选择链接后单击确定。

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

• 倒角：设置倒角模式，可选择直角或圆角。

• 上下边距：拉动设置上下边距。

• 左右边距：拉动设置左右边距。

• 阴影：设置有无阴影。

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

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

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

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

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

• 热词：设置搜索热词。

• 对齐：设置对齐方式。

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

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

• 选择视频：单击，在素材库中选择符合要求的视频。

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

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

• 页面边距：拉动设置页面边距。

• 对齐：设置组件的对齐方式。

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

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

• 倒角：拉动设置组件倒角。

• icon大小：拉动设置组件icon大小。

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

• 模式：选择魔方的显示模式。

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

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

• 图片边距：拉动调节图片边距。

• 边框：设置边框颜色。

• 模式：模式可选择图片或文字模式。

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

• 标题：设置标题。

• 描述：设置描述。

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

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

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

• 模式：选择商品列表组件的模式。

• 布局：选择布局方式，有平铺、瀑布流、横向滑动可选。

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

• 加载方式：选择商品列表的加载方式，有全部加载、下拉自动加载和点击加载更多。

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

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

• 模式：选择轮播图组件的模式，有轮播图、大手滑图、小手滑图可选。

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

• 自动轮播放：开关打开后，轮播图将自动播放。

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

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

• 倒角：拉动调节倒角。

• 边距：拉动调节边距。

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

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

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

• 模式：设置分割线组件的模式，有无、虚线、实线可选。

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

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

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

• 标题：设置组件的标题名称。

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

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

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

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

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

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

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

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

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

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

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

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

• 标题：设置组件的标题名称

• 描述：设置组件的描述内容

• 输入链接

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

     说明

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

     

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

     1. 在开发设置>openURL配置界面，单击添加。

     2. 配置地址。

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

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

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

        • 申请原因：小程序内部二维码进行识别二维码，需要添加白名单。

     3. 申请通过后，配置列表中的申请状态将更新为通过。

• 动态参数：单击可配置参数，key值（可选填）用户可进行自定义，value值为系统默认不可配置。配置后参数会显示在链接后端。

• 二维码尺寸：通过设置参数调整二维码的大小

• 容器高度：通过设置参数调整组件框的大小

• 容器背景图：单击图片标识，可添加图片配置背景图，添加后单击确认

• 容器背景色：设置组件的背景颜色

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

• 一键领取按钮文案：设置一键领取按钮的名称文案，如全部领取、一键领取等。

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

单击选择分类，选择分组后单击确定。

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

• 优惠券样式：设置优惠券颜色。

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

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

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

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

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

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