不断发展的全球播客
Posted: Sat Apr 19, 2025 6:02 am
显示不同视图的 Gif
动态源仅适用于使用 JSON 模板渲染的产品和产品系列页面，因为一旦应用动态源，数据就会添加到 JSON 模板中。您可以通过将动态源链接到输入设置，然后查看页面的 JSON 模板来查看其实际效果。例如，如果我们将国家/地区元字段添加到文本块，我们将看到如下内容：
除了产品和系列页面之外，还可以通过呈现产品或系列的部分在其他页面上访问动态源，例如主页上的特色产品部分。
主题开发者可以通过设计包含丰富输入设置的部分和区块来充分利用元字段和动态源，以便商家能够应用动态源。这意味着开发者应该创建包含可选文本块的部分，并设计允许商家使用自己的元字段进行填充的部分。
您还可以将动态源占位符添加到版块设置中，以便为商家提供可应用于组件的自定义内容建议。例如，Dawn 的特色产品版块包含一个文本块，其中包含“产品副标题”的动态源。
默认情况下，此块将为空，直到定义产品副标题元字段并且设置包含描述此过程的标签：
显示带有选定字幕选项的文本元字段的图像
需要注意的是，主题默认只能使用标准元字段定义和资源属性。我们的开发者文档列出了所有可用的标准元字段定义，主题开发者可以使用它们来创建自定义设置。
某些商店数据属性（例如产品标题和产品供应商）在应用于输入设置时也可作为动态源访问，而无需在后台创建元字段。这使得开发者可以将这些默认可用资源用作输入设置的可选默认值，商家可以在主题编辑器中轻松调整。
例如，您可以将其{{ product.vendor }}作为文本输入设置的值包含在 product.json 模板的块中。
在主题编辑器上，该对象现在将显示为预填充的动态源。
图片显示了
通过将动态源预加载为文本块中的设置，您可以呈现一组自定义的默认内容，商家可以选择保留或替换这些内容。这为页面布局增添了全新的灵活性，商家可以利用它快速启动并运行您的主题。
一般来说，在构建主题时，请确保其中有足够多的输入设置，以便商家能够访问所有类型的元字段。这将使商家能够借助您的主题打造动态体验。
您可能还喜欢：如何创建您的第一个 Shopify 主题部分。
在部分和块上显示元字段
由于元字段在 Liquid 中可访问，因此可以将元字段用作Liquid 输入设置的值。这允许商家在Dawn 自定义 Liquid版块（例如，包含 Liquid 输入设置的区块） 上输出元字段内容。
例如，商家可以为产品创建一个单行文本元字段，用于显示产品的产地。此示例元字段可以定义为product.metafields.my_fields.country。
产品元字段定义的图像
一旦定义了此元字段，商家就可以为其产品分配此元字段的值，例如，某些产品是在葡萄牙制造的，而某些产品是在爱尔兰制造的。
元字段选择器显示国家/地区为
现在我们可以通过自定义液体部分或块 在产品页面上显示此值。
正如我们之前所见，一旦将完整的元字段定义括在花括号中（就像典型的 Liquid 对象一样），元字段的值就会显示出来。因此，如果我们将此对象添加到自定义的 Liquid 部分或块中，它应该会输出管理员分配的特定国家/地区：
自定义液体显示 HTML 选项
此输入设置也接受 HTML，因此我们还可以添加段落元素来为该信息提供更多上下文：
自定义液体显示 HTML 指令
在国家/地区元字段值为“葡萄牙”的产品上，我们将在添加此部分或区块的位置看到“葡萄牙制造”。保存后，此部分或区块将显示在所有使用此 JSON 模板的产品页面上。
但是，并非所有产品都包含国家/地区元字段的值，因此我们可以进一步设置，仅当产品已为国家/地区元字段分配值时才显示设置内容。为了实现此效果，我们可以使用metafield.valueliquid 并创建一个条件，当元字段值为空时，不渲染任何内容。
我们可以使用控制流标签创建一个 if 语句，当元字段的值存在时执行相应的操作。只有当前查看的产品包含指定元字段的值时，此语句才会为真。如果元字段值不为空，我们就可以显示内容。我们可以将其添加到我们的 Liquid 输入设置中，如下所示：
{% if product.metafields.my_fields.country.value != blank %}
Made in {{ product.metafields.my_fields.country.value }}
{% endif %}
现在，“Made in _____”将出现在包含国家元字段值的产品页面上，但我们不会在没有国家值的产品页面上看到空的“Made in”。
由此可见，自定义 Liquid 区块在显示分配给商店资源的元字段方面非常有价值。构建主题时，请确保所有页面都支持自定义 Liquid 区块，并在需要自定义 Liquid 区块的部分（尤其是主商品和系列区块）添加自定义 Liquid 区块支持。
赋能创意解决方案
主题开发者可以通过多种富有创意且有趣的方式利用元字段，为商家解锁新的功能和机遇。通过设计同时利用元字段和动态源的主题，您可以帮助商家个性化其店面的每个页面。
本文最初发表于Shopify 网页设计和开发博客，并在此发布以进行教育并拓展更广 格林纳达电话号码收集 泛的发现网络。
搜索文章...
关注社交媒体
6千
12千
5公里
1千
1千
收听播客
电商快车道 | 面向 DTC 品牌的 Shopify 播客 | 企业家的增长营销策略 | 聆听笔记
热门帖子
史蒂夫的观点：Shopify 品牌的关税指南
Shopify 商店关税防护：创始人和营销人员应急指南
2025年最佳电商订单履行公司
如何在2025年准确评估你的电商业务：创始人指南
2025年美国10+家最佳批发供应商
2025年网站流量危机：人工智能搜索革命及4种确保商店未来发展的方法
值得信赖的合作伙伴
Shopify Checkout
发送鸟
动态源仅适用于使用 JSON 模板渲染的产品和产品系列页面，因为一旦应用动态源，数据就会添加到 JSON 模板中。您可以通过将动态源链接到输入设置，然后查看页面的 JSON 模板来查看其实际效果。例如，如果我们将国家/地区元字段添加到文本块，我们将看到如下内容：
除了产品和系列页面之外，还可以通过呈现产品或系列的部分在其他页面上访问动态源，例如主页上的特色产品部分。
主题开发者可以通过设计包含丰富输入设置的部分和区块来充分利用元字段和动态源，以便商家能够应用动态源。这意味着开发者应该创建包含可选文本块的部分，并设计允许商家使用自己的元字段进行填充的部分。
您还可以将动态源占位符添加到版块设置中，以便为商家提供可应用于组件的自定义内容建议。例如，Dawn 的特色产品版块包含一个文本块，其中包含“产品副标题”的动态源。
默认情况下，此块将为空，直到定义产品副标题元字段并且设置包含描述此过程的标签：
显示带有选定字幕选项的文本元字段的图像
需要注意的是，主题默认只能使用标准元字段定义和资源属性。我们的开发者文档列出了所有可用的标准元字段定义，主题开发者可以使用它们来创建自定义设置。
某些商店数据属性（例如产品标题和产品供应商）在应用于输入设置时也可作为动态源访问，而无需在后台创建元字段。这使得开发者可以将这些默认可用资源用作输入设置的可选默认值，商家可以在主题编辑器中轻松调整。
例如，您可以将其{{ product.vendor }}作为文本输入设置的值包含在 product.json 模板的块中。
在主题编辑器上，该对象现在将显示为预填充的动态源。
图片显示了
通过将动态源预加载为文本块中的设置，您可以呈现一组自定义的默认内容，商家可以选择保留或替换这些内容。这为页面布局增添了全新的灵活性，商家可以利用它快速启动并运行您的主题。
一般来说，在构建主题时，请确保其中有足够多的输入设置，以便商家能够访问所有类型的元字段。这将使商家能够借助您的主题打造动态体验。
您可能还喜欢：如何创建您的第一个 Shopify 主题部分。
在部分和块上显示元字段
由于元字段在 Liquid 中可访问，因此可以将元字段用作Liquid 输入设置的值。这允许商家在Dawn 自定义 Liquid版块（例如，包含 Liquid 输入设置的区块） 上输出元字段内容。
例如，商家可以为产品创建一个单行文本元字段，用于显示产品的产地。此示例元字段可以定义为product.metafields.my_fields.country。
产品元字段定义的图像
一旦定义了此元字段，商家就可以为其产品分配此元字段的值，例如，某些产品是在葡萄牙制造的，而某些产品是在爱尔兰制造的。
元字段选择器显示国家/地区为
现在我们可以通过自定义液体部分或块 在产品页面上显示此值。
正如我们之前所见，一旦将完整的元字段定义括在花括号中（就像典型的 Liquid 对象一样），元字段的值就会显示出来。因此，如果我们将此对象添加到自定义的 Liquid 部分或块中，它应该会输出管理员分配的特定国家/地区：
自定义液体显示 HTML 选项
此输入设置也接受 HTML，因此我们还可以添加段落元素来为该信息提供更多上下文：
自定义液体显示 HTML 指令
在国家/地区元字段值为“葡萄牙”的产品上，我们将在添加此部分或区块的位置看到“葡萄牙制造”。保存后，此部分或区块将显示在所有使用此 JSON 模板的产品页面上。
但是，并非所有产品都包含国家/地区元字段的值，因此我们可以进一步设置，仅当产品已为国家/地区元字段分配值时才显示设置内容。为了实现此效果，我们可以使用metafield.valueliquid 并创建一个条件，当元字段值为空时，不渲染任何内容。
我们可以使用控制流标签创建一个 if 语句，当元字段的值存在时执行相应的操作。只有当前查看的产品包含指定元字段的值时，此语句才会为真。如果元字段值不为空，我们就可以显示内容。我们可以将其添加到我们的 Liquid 输入设置中，如下所示：
{% if product.metafields.my_fields.country.value != blank %}
Made in {{ product.metafields.my_fields.country.value }}
{% endif %}
现在，“Made in _____”将出现在包含国家元字段值的产品页面上，但我们不会在没有国家值的产品页面上看到空的“Made in”。
由此可见，自定义 Liquid 区块在显示分配给商店资源的元字段方面非常有价值。构建主题时，请确保所有页面都支持自定义 Liquid 区块，并在需要自定义 Liquid 区块的部分（尤其是主商品和系列区块）添加自定义 Liquid 区块支持。
赋能创意解决方案
主题开发者可以通过多种富有创意且有趣的方式利用元字段，为商家解锁新的功能和机遇。通过设计同时利用元字段和动态源的主题，您可以帮助商家个性化其店面的每个页面。
本文最初发表于Shopify 网页设计和开发博客，并在此发布以进行教育并拓展更广 格林纳达电话号码收集 泛的发现网络。
搜索文章...
关注社交媒体
6千
12千
5公里
1千
1千
收听播客
电商快车道 | 面向 DTC 品牌的 Shopify 播客 | 企业家的增长营销策略 | 聆听笔记
热门帖子
史蒂夫的观点：Shopify 品牌的关税指南
Shopify 商店关税防护：创始人和营销人员应急指南
2025年最佳电商订单履行公司
如何在2025年准确评估你的电商业务：创始人指南
2025年美国10+家最佳批发供应商
2025年网站流量危机：人工智能搜索革命及4种确保商店未来发展的方法
值得信赖的合作伙伴
Shopify Checkout
发送鸟