【问题标题】:Add checkbox to single product & hook into woocommerce将复选框添加到单个产品并挂钩到 woocommerce
【发布时间】:2016-01-16 13:13:44
【问题描述】:

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

谢谢!

【问题讨论】:

  • 嗨,不幸的是,它不起作用,因为我的复选框需要是图像。附加组件没有此功能 - 已就此与他们联系。感谢您的提醒,还有其他想法吗? :)
  • 我可能仍然会从附加组件开始并从那里进行自定义。将复选框/收音机转换为图像的快速 javascript 可能比弄清楚 WooCommerce 的购物车方面更容易。
  • 好的,谢谢。除了 woocommerce 重力表单产品插件之外,您能否推荐一个好的插件?
  • 不知道它是否能满足您的需求,但有一个 Ninja Forms 产品附加选项。

标签: javascript wordpress woocommerce


【解决方案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 的大小,以便您可以看到它有效。只需粘贴您的图片网址即可。

【讨论】:

  • 嗨罗宾,感谢您的回答。我目前正在使用重力形式并使用复选框的描述字段来添加图像(它们已启用 html)。有人知道重力形式如何将值添加到数据库中以保存它们吗?然后我可以省略重力形式,让我的页面更精简;)谢谢你的帮助!
  • 嗨。我不知道重力形式,但我会假设它使用 wordpress 中的标准函数来保存到数据库。如果您可以访问您的数据库,我将首先检查是否有一个名为某些东西的表,它具有重力或在表 XXX_options(wp_options 或 h43_options)下找到包含类似信息的行。但这是艰难的方式,也许其他人有建议。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-02-19
  • 1970-01-01
  • 2021-02-18
  • 2020-11-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多