跳过到主内容
< 返回
当前位置:
打印

自定义标签构建器

目录

自定义标签构建器允许您创建可重复使用的、基于区块的产品标签,并将其显示在产品卡片和单个产品页面上。标签可以包含静态或动态内容,并可通过产品、分类、库存、客户等条件进行分配。

启用并创建自定义标签

  1. 导航至 仪表盘 → 主题设置 → 商店 → 产品标签,启用 自定义标签,然后保存主题设置。
  2. 导航至 仪表盘 → 产品 → 自定义标签,点击 添加新标签
  3. 输入标签名称并选择预定义布局,或从空白标签开始。
  4. 点击 创建标签
  5. 添加所需的区块,配置标签设置,然后点击 发布
标签选择网格选项
选择起始布局或创建空白自定义标签。

构建标签并设置样式

无论网站使用哪种页面构建器,自定义标签都是在 WordPress 区块编辑器中创建的。添加区块以构建标签内容,然后从编辑器工具栏或编辑器选项菜单中打开 自定义标签设置

  • 常规 — 控制宽度、高度、方向、对齐、区块间距和响应式可见性。
  • 样式 — 控制内边距、背景、边框、框阴影及相关视觉设置。
  • 高级 — 包含标签显示条件。

如果 自定义标签设置 侧边栏被隐藏,请点击编辑器右上角的三个点菜单,然后选择 自定义标签设置。要将其保留在编辑器工具栏中,请激活侧边栏顶部的星形图标。

高亮显示的 WordPress 编辑器设置按钮
独立于其各个区块的设置,配置完整的标签容器。

配置显示条件

打开 自定义标签设置 → 高级 → 条件。每个条件可以包含或排除匹配的产品。当标签需要多个定位规则时,请添加更多条件。

条件可以针对所有产品或特定产品、产品分类和子分类、标签、属性及属性术语、产品类型、配送类别、有评论的产品、库存状态、用户角色、促销或特色产品、新产品、畅销品以及低库存产品。

使用动态内容

兼容的文本和图像控件会显示一个数据库图标,点击可打开可用的动态标签。这些标签会自动渲染当前产品数据,例如产品名称、品牌、分类、价格、折扣百分比、图像或自定义字段值。

动态标签可以与常规区块和静态内容结合使用。有关完整工作流程和可用数据源,请参阅 动态内容

“产品折扣百分比”字段设置弹出窗口截图,来源设置为当前文章,并带有应用/移除按钮
将动态标签插入到兼容的标签区块中。
带木质底座的 iPhone 扩展坞
选择标签使用的产品数据。

在产品布局中显示标签

使用标准的 WoodMart 产品卡片和单个产品布局时,已发布的自定义标签会在其条件匹配时出现在默认的标签位置。

当使用产品循环项或单个产品布局时,请在所需位置添加以下元素之一:

  • 产品标签 — 显示一个选定的默认或自定义标签。
  • 产品标签组 — 显示一组匹配的标签,并提供选择、对齐和布局的控制选项。

当多个自定义标签一起显示时,它们的 排序 值决定顺序。数值较低的标签会先渲染。

单个产品自定义标签元素古腾堡
单个产品布局构建器中的产品标签元素。
产品循环布局上的元素自定义标签
产品循环项构建器中的产品标签元素。

视频教程

观看以下教程,了解完整的自定义标签构建器工作流程。