# 商品比较表

产品对比表格板块用于展示多个产品的属性和变体，帮助用户快速了解各产品的差异和优势。该板块支持自定义标题、描述，用户可选择产品列表，并根据需要显示变体选项（如颜色、尺寸等）。此外，可以通过添加**分类元字段**和**自定义元字段**进一步扩展对比内容。

<figure><img src="https://311909351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4wWUtlp1MoEyUGy5ARSJ%2Fuploads%2Fgit-blob-c62d0eb170c5ed7e527c42d1495d9a0f2d7f7c4f%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

### 功能介绍：

1. **表格标题设置**：
   * 显示或隐藏版块标题。
   * 自定义表格的标题和描述，以帮助用户理解对比内容的目的。
   * 支持在表格背景中添加水印文字，增强视觉效果。
2. **表格设置**：
   * 选择产品列表进行对比，用户可通过“选择产品”按钮添加希望对比的产品。
   * 支持显示变体选项：控制是否在对比表格中显示各产品的变体属性（如颜色、尺寸等），为用户提供更多详细信息。
3. **分类元字段 Block**：<br>

   分类元字段是 Shopify 根据具体分类预设的产品字段，用于添加该分类特定的属性。例如，**Mice & Trackballs** 分类可能包括 **Color**、**Connection type、Mouse technology** 等字段，帮助商家快速填写产品信息，标准化数据，提升用户体验。<mark style="color:green;">为了方便理解我们下面用</mark> <mark style="color:green;">**Connection type**</mark> <mark style="color:green;">举例说明。</mark>

   \
   **属性键值key：**&#x8BBE;置分类元字段的 key值，可以按照如下步骤获取 key 值：

   1. 打开产品详情页面找到分类元字段设置面板，找到要获取的元字段，比如 **Connection type**，点击**Connection type** 进入元字段的定义页面。\
      ![](https://311909351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4wWUtlp1MoEyUGy5ARSJ%2Fuploads%2Fgit-blob-2151048f7e4c70d3d0ffccb1ed7321ec27caa3ea%2Fimage.png?alt=media)
   2. 点击图示位置，复制元字段，如 **shopify.connection-type***，*&#x8FD9;里的 **connection-type** 就是属性键值 key，<mark style="color:orange;">主意不要添加 “</mark>*<mark style="color:orange;">shopify.</mark>*<mark style="color:orange;">” 前缀</mark>。\
      ![](https://311909351-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4wWUtlp1MoEyUGy5ARSJ%2Fuploads%2Fgit-blob-9e97a0fc0008d084fe03e29550b7193ece225f7e%2Fimage.png?alt=media)

   **属性名称value：**&#x53EF;自定义属性的名称，如果不填写将使用系统默认名称，比如 **Connection type**。
4. **自定义元字段 Block**：
   * 自定义元字段可显示 Shopify 后台自定义的属性值，支持**日期**、**金额**、**重量**、**评分**、**颜色**、**文本**等类型，灵活满足产品信息对比需求。<mark style="color:orange;">不支持列表形式</mark>。详细了解请参考[自定义元字段。](https://help.shopify.com/en/manual/custom-data/metafields)

### 使用建议：

* **优化对比体验**：在选择对比的产品时，建议选择同类产品，以便用户能更好地理解产品差异。
* **引导用户决策**：通过标题和描述区域，清晰地告诉用户对比表格的用途和优势，帮助用户做出购买决策。
* **显示产品变体**：如果产品具有多个变体（如颜色、尺寸），建议启用“显示变体选项”，以确保用户能清楚了解每个产品的多样性。
* **利用元字段扩展信息**：分类元字段和自定义元字段的使用可以帮助用户展示更多有价值的信息，如品牌、材质、使用场景等，进一步完善对比内容。
