如何修改Shopify Dawn主题Add to Cart按钮跳转Etsy/eBay商品页

以下操作完全基于官方免费Dawn主题，不需要安装付费插件，新手按步骤操作15分钟左右就能完成：

1. 先配置商品自定义字段存各平台跳转链接 #

每个商品对应的Etsy、eBay链接不一样，先在后台加专门的存储位：

• 进Shopify后台点「设置」→「自定义数据」→「商品」，选择添加元字段
• 第一个元字段：名称填Etsy商品链接，内容类型选URL，勾选固定到商品编辑页，保存
• 第二个元字段：名称填eBay商品链接，内容类型选URL，同样固定到商品编辑页，保存
• 回到商品列表，逐个打开商品编辑页，把对应平台的商品链接填到刚加的两个字段里，全部填完保存

2. 修改主题代码替换原有Add to Cart按钮 #

操作前先点主题更多选项里的「备份主题」，改坏了可以一键恢复：

• 进「在线商店」→「主题」，找到正在使用的Dawn主题，点更多选项选「编辑代码」
• 在代码文件搜索栏找snippets/product-form.liquid，如果是旧版Dawn找不到这个文件，就找sections/main-product.liquid
• 在打开的文件里搜索Add to cart文本，定位到原有的加购按钮代码块（带product-form__cart-submit类名的button标签段），把这段代码整个删掉，替换成下面的代码：

{% if product.metafields.custom.etsy_link.value != blank %}
<a 
  href="{{ product.metafields.custom.etsy_link.value }}" 
  class="product-form__cart-submit button button--full-width"
  style="margin-bottom: 12px;"
  target="_blank"
  rel="noopener noreferrer"
>
  Purchase on Etsy
</a>
{% endif %}
{% if product.metafields.custom.ebay_link.value != blank %}
<a 
  href="{{ product.metafields.custom.ebay_link.value }}" 
  class="product-form__cart-submit button button--full-width"
  target="_blank"
  rel="noopener noreferrer"
>
  Purchase on eBay
</a>
{% endif %}

• 代码里直接复用了Dawn原生按钮的样式类，显示效果和原Add to Cart按钮完全统一，加的margin是为了让两个按钮之间留合适间距，新标签页打开的配置也不会让用户直接离开你的站点。如果某个商品只填了一个平台的链接，对应按钮会自动显示，没填链接的按钮不会出现，不会出现空按钮的问题。
• 改完点保存。

3. 收尾配置（建议操作） #

因为你不需要用Shopify做交易，把多余的购买入口关掉避免混淆：

• 回到主题管理页点「自定义」，进入可视化编辑器
• 选中头部模块，把购物车图标的显示开关关掉
• 选中商品信息模块，找到「动态结账按钮」选项，把开关关掉，隐藏PayPal、Apple Pay等快捷支付入口
• 预览所有商品页，逐个点击按钮确认跳转地址正确，没问题就发布主题。

这个修改方式不会改动商品核心数据，不影响Shopify本身的库存管理功能，也不会干扰Meta渠道（Instagram/Facebook）的商品标记同步，完全满足你的使用需求。

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