首页 文章

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

提问于
浏览
0

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

谢谢!

1 回答

  • 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的大小,因此您可以看到它的工作原理 . 只需粘贴图片网址即可 .

相关问题