如何配置产品元字段?

我们有几个主题支持 Shopify 2.0,您需要按照以下说明了解如何为您的产品配置自定义元字段。

要为您的产品配置 Metafield,请转到仪表板设置 > 自定义数据> 选择 Metafield 类型 > 添加定义按钮以开始配置 Metafield。请按照以下视频进行操作:

1. 倒计时元字段

如果您想为每种产品添加一个倒计时选项 - 具有不同的时间,您可以配置为您的产品使用 Metafield 倒计时。

1.1. 添加元字段倒计时

您需要配置以下一些选项:

  • 名称:您可以在此处添加任何名称。例如:产品元字段倒计时。

  • 命名空间和键:这是一个必需的选项,您必须在此处添加theme.countdown键。

  • 描述:您可以添加任何文本到描述中。

  • 选择内容类型:这是必填选项,您必须选择日期和时间>一个值

空间_tdDF4h55NE3bVEDpck0F_uploads_LOBW05LCT79d1VIxzqGx_2023-03-07_14-27-25.webp

单击“保存”按钮,然后您将看到以下选项:

2023-03-07_14-28-15.gif

1.2. 在产品中配置元字段倒计时

Shopify 后端 >产品 > 所有产品> 打开您想要添加 Metafields 倒计时的产品。

大家可以观看以下视频:

1.3. 在产品页面上显示元字段倒计时

请按照下面的视频了解如何在自定义>产品页面上添加元字段倒计时。

对于您未配置 Metafield 倒计时的所有其他产品,如果您在产品页面 > 倒计时器选项中配置一天的倒计时器循环,倒计时器仍会显示:

循环日.jpeg

并在此处选择所有产品

选择产品.png

如果您只想在已配置元字段倒计时的产品的产品页面上显示倒计时器选项,您应该在此处删除时间设置:

Google Chrome_2023-07-05 09-13-26.png

2. 外部/关联元字段

如果您想为每种产品添加一个外部/附属按钮,您可以配置为您的产品使用Metafield - 外部/附属

2.1. 添加元字段 TITLE

您需要配置以下一些选项:

  • 名称:您可以在此处添加任何名称。例如:外部标题。

  • 命名空间和键:这是一个必需的选项,您必须添加theme.external_title键。

  • 描述:您可以添加任何文本作为描述。

  • 选择内容类型:这是必填选项,您必须选择“文本” > “单行文本”>“一个值”

51.webp

2.2. 添加元字段按钮链接

您需要配置以下一些选项:

  • 名称:您可以在此处添加任何名称。例如:外部链接。

  • 命名空间和键:这是一个必需的选项,您必须添加theme.external_link键。

  • 描述:您可以添加任何文本作为描述。

  • 选择内容类型:这是必填选项,您必须选择URL > 一个值

52.webp

配置完成后,我们将得到2个Metafield定义,如下图:

53.gif

2.3. 在产品中配置外部/附属元字段。

在 Shopify 后端,转到“产品”>“所有产品”选项,然后打开要添加 Metafields 外部/联盟按钮的产品。请观看以下视频:

当您查看产品时,您将看到如下图所示的外部/附属按钮:

55.png

3. 经常一起购买

您可以通过这篇文章了解更多信息

4. 产品分组功能

您可以通过这篇文章了解更多信息。

5. 高级产品类型

你可以通过这篇文章了解更多

6. 发货开始/发货结束

6.1. 添加元字段 - 发货开始日期

您需要配置以下一些选项:

  • 名称:您可以在此处添加任何名称。例如:估计开始日期。

  • 命名空间和键:这是一个必需的选项,您必须添加theme.estimateStartDate键。

  • 描述:您可以添加任何文本作为描述。

  • 选择内容类型:这是必填选项,您必须选择数字>整数>一个值

61.webp

6.2. 添加元字段 - 交货结束日期

您需要配置以下一些选项:

  • 名称:您可以在此处添加任何名称。例如:估计结束日期。

  • 命名空间和键:这是一个必需的选项,您必须添加theme.estimateEndDate键。

  • 描述:您可以添加任何文本作为描述。

  • 选择内容类型:这是必填选项,您必须选择数字>整数>一个值

62.webp

配置完成后,我们会得到如下图所示的2个Metafield定义:

63.webp

6.3. 在产品中配置元字段交付

转到产品 > 打开您想要添加 Metafields Delivery 的产品。请按照此视频为产品添加 Metafield Delivery Start/End。

6.4. 在自定义 > 产品页面中显示元字段交付

你可以关注我的以下图片:

65.png

例如:今天是 2022 年 10 月 11 日,我将交货开始日期设置为接下来的 2 天,即 10 月 13 日。交货结束日期是接下来的 4 天,即 2022 年 10 月 15 日。

7. 定制徽章

注意:本指南适用于 Kalles 4、Gecko 6、Unsen 和 Ocolus 主题。

如果你使用 Ecomus 主题,请遵循本指南

7.1. 添加产品元字段自定义徽章

您需要配置以下一些选项:

  • 名称:您可以在此处添加任何名称。例如:自定义徽章

  • 命名空间和键:这是一个必需的选项,您必须在此处添加theme.custom_badge键。

  • 描述:您可以添加任何文本作为描述。

  • 选择内容类型:这是必填选项,您必须选择“文本” > “单行文本” >“一个值”“多行文本” >“一个值”

71.webp

然后点击保存按钮保存所有更改,我们将得到如下图所示的元字段定义:

72.gif

7.2. 在产品中配置元字段

在 Shopify 后端,转到产品 > 所有产品> 打开您想要添加产品自定义徽章的产品。在产品中,请向下滚动到页面底部,您将看到产品自定义徽章元字段选项。请按照以下视频操作:

如果您想在一个产品上拥有多个徽章,请使用 ; 来分隔徽章。例如:畅销品;新品

7.3. 在主题自定义中配置 Metafield 自定义徽章

在 Shopify 后端,单击自定义按钮转到主题设置>产品>滚动到徽章选项>勾选使用自定义徽章复选框>自定义徽章将显示如下图所示:

74.png

8. 自定义图像

您可以在产品页面的某个部分显示附加图像(不是产品图像)。

8.1. 添加产品元字段

您需要配置以下一些选项:

  • 名称:您可以在此处添加任何名称。例如:自定义图像

  • 命名空间和键:您可以在此处添加任何键。示例: theme.custom_image

  • 描述:您可以添加任何文本作为描述。

  • 选择内容类型:这是必需选项,您必须选择文件>一个文件

2023-08-04_10-34-57.png

8.2. 在产品中配置元字段

Shopify 后端 >产品 >打开您想要添加产品自定义图像的产品。在产品中,请向下滚动到页面底部,您将看到自定义图像元字段选项。然后选择您想要为此产品显示的图像。

82.webp

8.3. 在主题自定义中配置自定义图片

转到主题 > 自定义 > 产品页面 > 添加您想要显示图像的部分

例如:“带有文本的图像”部分。

83.webp

点击“连接动态源”>选择“自定义图像”

84.webp

然后图像将显示在产品页面上

85.webp

9. 自定义图像(产品主页内)

您可以在产品页面的产品主区块内显示附加图像(不是产品图像)。

9.1. 添加产品元字段

您需要配置以下一些选项:

  • 名称:您可以在此处添加任何名称。例如:自定义图像 2

  • 命名空间和键:您可以在此处添加任何键。示例: theme.custom_image2

  • 描述:您可以添加任何文本作为描述。

  • 选择内容类型:这是必填选项,您必须选择多行文本

91.webp

9.2. 在产品中配置元字段

Shopify 后端 > 内容 > 文件> 上传图片并点击“复制链接

92.webp

转到产品 >打开您想要添加产品自定义图像的产品。在产品中,请向下滚动到页面底部,您将看到自定义图像 2选项。然后粘贴您刚刚复制的图像链接 >保存

93.webp

9.3. 在主题自定义中配置自定义图片

转到主题 > 自定义 > 产品页面 > 产品主页 > 添加区块 > 自定义 Liquid > 使用以下语法添加代码

<img src=" {{ product.metafields.the_key_for_metafield }} " width="300">

the_key_for_metafield 是您在第一步创建的命名空间和键。

例如:<img src=" {{ product.metafields. theme.custom_image2 }} " width="300">

然后图像将显示在产品主要部分内。

94.webp

10.产品库存

10.1. 添加产品元字段 产品库存

您需要配置以下一些选项:

  • 名称:您可以在此处添加任何名称。例如:产品库存。

  • 命名空间和键:这是一个必需的选项,您必须在此处添加theme.product_stock键。

  • 描述:添加文本:“销售产品数/总产品数”。

  • 选择内容类型:这是必填选项,您必须选择单行文本>一个值

2024-01-19_16-24-13.png

然后单击“保存”

10.2. 在产品中配置元字段