如何在 shopify 产品页面上添加自定义文本框字段

Posted 2023-02-15

【中文标题】如何在 shopify 产品页面上添加自定义文本框字段

【英文标题】：How to add custom textbox field on shopify product page

【发布时间】：2021-03-25 19:43:00

【问题描述】：

我需要在 shopify 产品页面上添加自定义文本框字段。

我的要求是在产品页面上添加文本框字段，当客户在购物车中添加产品时，该文本框字段值也显示在购物车页面和结帐页面上。

我还需要在管理自定义订单页面上反映该文本框字段值。

这可能吗？

【参考方案1】：

要在 shopify 产品页面上添加自定义文本框字段，请按照以下步骤操作：

登录您的 shopify 管理员并打开产品详细信息页面模板代码

将以下代码复制并粘贴到您的产品详细信息页面模板文件中的 和 标记之间。表单文本框字段将出现在您放置代码的任何位置。

<p class="line-item-property__field">   <label for="custom-field">Your custom field</label>   <input id="custom-field" type="text" name="properties[Your custom field]"> </p>

保存文件。

添加上述代码后，自定义文本框字段将出现在您的产品详细信息页面上。

您也可以使用此链接作为参考，在产品详细信息页面上添加不同类型的自定义字段：Shopify line item properties

【参考方案2】：

更简单的方法是使用以下 Shopify 应用： https://apps.shopify.com/Textfield

它让您可以轻松快速地创建不同类型的文本字段。