种草笔记组件

更新时间:2022-05-31 17:05

一、组件介绍

商家发布店铺动态、商品信息、知识科普等种草笔记,利用种草笔记组件的形式将内容展示给用户,吸引用户互动,增加用户的购买欲望,从而促进下单。

种草笔记使用指南可参考:https://help.weimob.com/os/article/4611


二、组件使用说明

在左侧组件库中找到【图文-种草笔记】

将「种草笔记」组件添加到页面中,并进行展示样式选择(支持大图样式、左右图文样式、列表样式)


2.1 大图列表样式

2.1.1 内容设置

点击「选择图文」打开笔记选择页,选择需要添加到组件中的笔记;

最多支持添加6篇图文,可拖动排序;

可以自定义是否在图文中展示分组标签、阅读量、点赞数。

2.1.2 样式设置

内容样式

笔记样式:即单个笔记的展示样式,支持扁平、卡片和描边样式;

背景:支持设置显示或隐藏;

图片圆角:即笔记封面图的边角样式,支持直角、圆角和大圆角样式;

标题样式:即笔记的标题样式,支持粗体和常规两种样式;

组件样式

可以调整组件的上边距和下边距。


2.2 左右图文样式

2.2.1 内容设置

点击「选择图文」打开笔记选择页,选择需要添加到组件中的笔记;

最多支持添加6篇图文,可拖动排序;

可以自定义是否在图文中展示分组标签、阅读量、点赞数。

2.2.2 样式设置

内容样式

笔记样式:即单个笔记的展示样式,支持扁平、卡片和描边样式;

图片圆角:即笔记封面图的边角样式,支持直角、圆角和大圆角样式;

标题样式:即笔记的标题样式,支持粗体和常规两种样式;

组件样式

可以调整组件的上边距和下边距。




2.3 列表样式



2.3.1 内容设置

笔记内容:按照笔记列表页显示内容,可设置笔记展示数量(最多20个)

展示信息:可配置是否展示「更多」按钮

2.3.2 样式设置

支持调整组件样式的上边距和下边距


配置完成后,点击「预览」按钮查看配置效果,若无问题,点击「发布」即可完成。

Copyright(C)2023 HFBangFu Inc. All Rights Reserved 皖ICP备12017563号-5
收缩