Shopify：如何为当前产品页添加关联亚马逊Listing的按钮？

步骤1：为产品添加自定义元字段存储亚马逊URL #

• 登录Shopify后台，进入「设置」→「元字段」→「产品」页面
• 点击「添加定义」，填写以下内容：
  • 名称：输入「亚马逊链接」（方便后台识别）
  • 命名空间和键：填写 custom.amazon_url（代码调用的唯一标识，请勿写错）
  • 类型：选择「URL」，确保输入的链接格式合法
  • 保存定义后，回到每个产品的编辑页面，在页面底部的「元字段」区域，找到刚创建的「亚马逊链接」，填入对应产品的亚马逊Listing地址

步骤2：修改Custom Liquid块的代码 #

把你当前的固定链接代码替换成以下内容：

{% if product.metafields.custom.amazon_url %}
  {{ 'Buy on Amazon' | link_to: product.metafields.custom.amazon_url, class: 'button' }}
{% endif %}

• 代码说明：
  • product.metafields.custom.amazon_url 会自动匹配当前产品页对应的亚马逊链接
  • 外层的if判断用于避免在未填写亚马逊链接的产品页显示无效按钮

内容的提问来源于stack exchange，提问作者chsmdist