Shopify FAQs Shopify 中文教程

如何在 Shopify 默认主题中添加 Pre Order 预售功能第 241 期

有时当你的 Shopify 店铺在发布新品时，因为库存或者发货时间问题，需要使用预售功能，但 Shopify 官方 13 款免费系列主题中没有 Pre Order 预售功能，所以本期教程讲解如何添加。

实现思路

通过元字段在产品上设置 Pre Order 属性，当设置为 True 时将 Add to cart 按钮文字显示为 Pre Order，没有设置则保持默认的 Add to cart 文字。

参考视频演示和下方截图设置元字段：

💡

提示：可以在产品描述中注明 Pre Order 商品的预计发货时间，方便客户了解情况。

在 Add to cart 按钮所在的文件中修改代码。关于如何找到 Shopify 网页上的元素在你主题文件中的位置，可以参考：

在 Shopify 官方 13 款免费系列主题中，Snippets ~ buy-buttons.liquid 中搜索：

payment_button

即可找到 Add to cart 按钮所在的位置，参考视频演示修改：

{% if product.metafields.custom.pre_order == true %}
                  Pre Order
                {% else %}

{% endif %}

完整代码示例：

{% if product.metafields.custom.pre_order == true %}
  Pre Order
{% else %} 
  {{ 'products.product.add_to_cart' | t }}
{% endif %}

如果想为多款商品，例如某个产品系列中的全部商品设置 Pre Order，可以参考：