Shopify注册时如何传递两个name属性？需同步Size至标签与备注

嘿，我来帮你搞定这个需求——让用户注册时选的Size同时出现在客户档案的标签和备注里。目前你只能提交到单个字段，我们可以通过前端JS来同步值，同时调整下字段写法适配Shopify的规范，具体步骤如下：

1. 调整标签单选按钮的写法（适配Shopify标签规范） #

Shopify的客户标签是逗号分隔的字符串，customer[tags][Size]这种写法其实不太标准，建议直接用customer[tags]作为字段名，把Size值格式成清晰的标签（比如Size-Small），这样提交后能直接在客户标签里显示：

<label class="answer center">
  <input data-fname="Small" value="Size-Small" type="radio" id="CustomerFormSize" name="customer[tags]" required >
  <span>Small</span>
</label>
<label class="answer center">
  <input data-fname="Medium" value="Size-Medium" type="radio" name="customer[tags]">
  <span>Medium</span>
</label>
<label class="answer center">
  <input data-fname="Large" value="Size-Large" type="radio" name="customer[tags]">
  <span>Large</span>
</label>

2. 添加隐藏的备注字段 #

在表单里加一个隐藏的input，用来存Size的备注内容，字段名用Shopify官方的customer[notes]（备注是单个文本字段，不能像标签那样用数组写法）：

<input type="hidden" name="customer[notes]" id="CustomerFormNotesSize">

3. 用JavaScript同步选中的值 #

添加一段JS监听单选按钮的选择事件，当用户选好Size后，自动把值格式后填入隐藏的备注字段，这样提交表单时就会同时把值传到标签和备注里：

// 获取所有Size单选按钮
const sizeRadios = document.querySelectorAll('input[name="customer[tags]"]');
// 拿到隐藏的备注输入框
const notesField = document.getElementById('CustomerFormNotesSize');

// 给每个单选按钮绑定选择事件
sizeRadios.forEach(radio => {
  radio.addEventListener('change', function() {
    if (this.checked) {
      // 自定义备注的显示格式，比如"Size: Small"
      notesField.value = `Size: ${this.value.replace('Size-', '')}`;
    }
  });
});

小提示 #

• 把这段JS代码放在表单所在的模板文件里，或者主题的theme.liquid中</body>标签之前，确保能正确触发。
• 如果你的主题有自定义表单的限制，也可以考虑用Shopify的客户创建webhook，在后端同步标签到备注，但前端方法更直接，适合快速实现需求。

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