将复选框添加到单个产品并挂钩到 woocommerce

Question

我想定制 1 个我的 woocommerce 产品。我可以毫无问题地将复选框添加到带有图像等的产品中，但是我不知道如何连接到 woocommerce 以便让 woocommerce 保存输入，将其传递到购物车、结帐，最后传递给订单。目前，一旦将产品添加到购物车，订单的输入就会丢失。 谁能指出我正确的方向？

谢谢！

Answer 1

如果您有可能向您的产品页面添加一些 HTML 和/或 CSS。尝试这个。您应该使用表单插件，以便它们的值实际保存在数据库中。试试看：http://www.gravityforms.com/

当您在页面中输入表单时，HTML 可能如下所示：

<input type='checkbox' name='thing' value='valuable' id="thing"/><label for="thing"></label> 

因为这是一个复选框，我们可以在其中添加一些 CSS，并且使用 CSS 我们可以添加这样的背景图像：

    input[type=checkbox] {
      background: url('http://domain.com/img/off.png') no-repeat;
      height: 16px;
      width: 16px;
      display: inline-block;
      padding: 0 0 0 0px;
    }
    input[type=checkbox]:checked {
      background: url('http://domain.com/img/on.png') no-repeat;
      height: 25px;
      width: 25px;
      display: inline-block;
      padding: 0 0 0 0px;
    }

<input type='checkbox' name='thing' value='valuable' id="thing" />
<label for="thing">Checkbox</label>

我在检查时更改了 chekcbox 的大小，以便您可以看到它有效。只需粘贴您的图片网址即可。