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

单产品页面构建器

目录

单一产品布局允许您替换标准的产品页面内容,而无需编辑主题文件。您可以为整个目录创建一个布局,或为特定产品、分类、品牌、属性或产品类型使用不同的设计。

创建单一产品布局

1. 导航至 仪表盘 → 布局 → 单一产品 并点击添加按钮。

2. 输入布局名称并配置其条件。

3. 选择预定义设计或从空白布局开始,然后点击 创建布局。

4. 使用单一产品元素和常规块或小工具构建页面,然后发布它。

显示 XTemos 单一产品元素的面板
Elementor 中的单一产品布局元素
WPB 上的单一产品布局元素
WPBakery Page Builder 中的单一产品布局元素
显示单一产品块选项(如加入购物车、愿望清单、产品相册和预计送达)的块面板
Gutenberg 中的单一产品布局块(第 1 部分)
单一产品布局元素 gutenberg 第 2 部分
Gutenberg 中的单一产品布局块(第 2 部分)

设置布局条件

使用 包含 和 排除 条件来控制哪些产品使用此布局。可用的目标包括所有产品、单个产品、产品分类、子分类、标签、品牌、属性和产品类型。

一种常见的设置是使用一个针对 所有产品 的布局,并为选定的分类或产品添加额外的布局。更具体的匹配条件优先于通用布局。

单一产品元素

每个元素显示当前查看产品的信息。仅添加设计所需的元素,并直接在编辑器中配置其布局和样式。

主要产品信息

  • 产品标题 — 显示当前产品名称。
  • 产品价格 — 显示常规价格、促销价或可变价格。
  • 产品评分 — 显示平均星级评分和评论数量。
  • 产品相册 — 显示特色图像、相册图像、缩略图、缩放功能以及其他已配置的相册行为。
  • 产品导航 — 显示上一个和下一个产品的链接。
  • 产品简短描述 — 显示 WooCommerce 简短描述。
  • 产品内容 — 显示完整的产品描述。
  • 产品品牌 — 显示分配给产品的品牌。
  • 产品品牌信息 — 显示来自所分配品牌的描述或其他信息。

购买与库存

  • 产品加入购物车 — 为简单、可变、分组或外部产品输出相应的购买表单。
  • 关联变体 — 显示通过“关联变体”功能连接的产品。
  • 产品倒计时 — 倒计时至促销价计划的结束时间。
  • 产品销售计数器 — 显示配置的近期销售数量。
  • 产品访客计数器 — 显示为产品配置的访客活动。
  • 产品动态折扣表 — 显示可用于产品的基于数量的折扣规则。
  • 产品库存状态 — 显示产品是有货、缺货还是可预订。
  • 产品库存进度条 — 根据功能设置可视化剩余库存。
  • 预计送达 — 显示计算出的预计送达时间。
  • 价格追踪器 — 让客户订阅产品价格通知。

产品详情和附加内容

  • 产品附加信息表 — 显示产品属性、重量和尺寸。
  • 产品元数据 — 显示标准元数据,如 SKU、分类和标签。
  • 产品元值 — 显示选定的产品元字段。
  • 产品选项卡 — 输出产品描述、附加信息、评论、品牌信息以及配置的自定义选项卡。
  • 产品评论 — 独立于“产品选项卡”显示评论列表和评论表单。
  • 产品额外内容 — 显示在产品“额外内容”字段中分配的 HTML 区块。
  • 经常一起购买 — 显示配置的互补产品组。

操作和标签

  • 加入愿望清单按钮 — 将产品添加到客户的愿望清单中。
  • 加入对比按钮 — 将产品添加到对比表中。
  • 尺码指南按钮 — 打开分配给产品的尺码指南。
  • 产品标签 — 显示一个选定的产品标签。
  • 产品标签组 — 显示完整的适用标签集,如“促销”、“新品”、“特色”和自定义标签。

常规的 WooCommerce 和 WoodMart 元素可以提供面包屑、通知、社交按钮、相关产品或追加销售产品、横幅以及围绕产品信息的其他支持内容。

插件兼容性

自定义布局不会自动包含第三方插件使用的每个 WooCommerce PHP 钩子。如果插件内容缺失,请参阅 WooCommerce 钩子和插件兼容性。

视频教程