跳转到内容
免费试用 7 天
简体中文
在 Claude 中打开 就此页面提问在 ChatGPT 中打开 就此页面提问

徽章组

将多个徽章和标签组合成一个组,并将其作为一个整体进行设计和定位。

徽章组会将多个徽章和标签组合在一起,使其在您的产品上显示为一个整体,共用同一种布局、位置,并且(可选)共用同一套显示条件。

徽章组页面的空状态

在应用侧边栏中打开 Badge groups,即可查看您的所有组。

促销活动往往需要在同一件产品上同时显示多个徽章,例如“Sale”徽章、“Limited time”标签和“Free shipping”徽章。使用组可以让它们保持对齐且易于管理:

  • 所有徽章共用一种布局:将徽章水平或垂直堆叠,控制间距,并通过一个位置设置来放置整个组。
  • 一套条件(可选):覆盖每个标签自己的定位,改为根据一个条件来显示整个组。
套餐 标签组数量
FREE 1
GOLD 1
DIAMOND 不限

已删除的组仍会计入上限。完整对比请参阅 定价套餐。

组编辑器有两个标签页:Design 和 Placement。

设置 作用
Inside / Outside product image 选择组位于产品图片之上还是图片下方。
Label Selection 使用 Add labels to group 选择组中包含的徽章和标签。
Select layout Horizontal 或 Vertical:徽章在组内的堆叠方式。
Item size 组中每个徽章的大小,可用百分比或固定值表示。
Label gap 组中徽章之间的间距,单位为像素。
Predefined position 整个组在产品图片上的九个锚点之一。
Margin 微调距离顶部、底部、左侧和右侧的偏移。
Advance Section 为组添加自定义 CSS(开发者专区)。

徽章组编辑器的 Design 标签页

Design 标签页用于控制组中包含哪些标签以及它们的布局方式。

在 Condition type 下,选择组决定何时显示的方式:

选项 行为
Keep individual label conditions 组中的每个标签根据其自己的条件显示或隐藏。
Set a custom group condition 覆盖各个标签的条件,仅使用为组定义的条件来控制可见性。

选择 Set a custom group condition 会显示组级别的条件部分:Product conditions、Customer conditions、Page conditions、Language conditions、Country conditions 和 Other conditions。

显示两种条件类型的 Placement 标签页

在逐个标签的条件和针对整个组的单一条件之间进行选择。

打开编辑器中的 … 菜单,即可 Rename 组或 Preview product。

带有 Rename 和 Preview product 的编辑器溢出菜单

使用 … 菜单重命名组,或在产品上预览它。

这对您有帮助吗?