添加复选框到单个产品&陷入woocommerce

时间:2015-10-18 01:02:15

标签: javascript wordpress woocommerce

我想自定义我的1种woocommerce产品。我可以在没有问题的情况下为产品添加复选框,但是我不知道如何挂入woocommerce以便让woocommerce保存输入,将其传递到购物车,结账,最后到订单。目前,只要产品添加到购物车,订单的输入就会丢失。 任何人都能指出我正确的方向吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

如果您可以在产品页面中添加一些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的大小,因此您可以看到它的工作原理。只需粘贴图片网址即可。