默认的 WooCommerce 添加到购物车 “数量输入” 是一个简单的输入字段,您可以输入项目的数量或点击 “+” 和 “ – ” 来增加/减少数量。

一个自由职业客户聘请我把这个输入变成一个 “选择” 下拉菜单。对于他们的观众和用户体验要求,让他们的客户从下拉菜单中选择数量,而不必手动输入数量是很有意义的。

在线有复杂的片段,但我决定让事情更容易。负责生成数量输入的 WooCommerce 函数称为 “ woocommerce_quantity_input ” 。幸运的是,它是一个可插入的函数 – 这意味着我们可以简单地将这个完全相同的函数名称添加到我们的子主题的 functions.php 来完全覆盖它。

WooCommerce:将添加到购物车数量输入到选择下拉列表中

PHP 代码片段:将添加到购物车 “数量” 到选择下拉列表中 – WooCommerce

 

/**
 * @snippet       Add to Cart Quantity drop-down - WooCommerce

 * @sourcecode    https://businessbloomer.com/?p=72757
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 3.1.1
 */

function woocommerce_quantity_input() {
  
  $min = 1;
  $max = 5;
  $step = 1;
  $options = '';
  
  for ( $count = $min; $count <= $max; $count = $count+$step ) {
    $options .= '<option value="' . $count . '">' . $count . '</option>';
  }
  
  echo '<div class="select-qty"><label>Qty</label><select name="quantity">' . $options . '</select></div>';
}


可以在哪里添加此代码?

您可以将 PHP 代码片段放置在主题或子主题的 functions.php 文件的底部(如果是 CSS 代码,请添加到主题的 style.css 文件底部),修改之前建议先备份原始文件,若出现错误请先删除此代码。


这段代码是否正常可用?

或是您有更好的解决方案想要分享?请到薇晓朵 WooCommerce 中文论坛 留言告知,我们希望可以帮到更多国内的 WooCommerce 用户也希望您的参与。

需要关于 WooCommerce 的帮助 ?

请观看我们提供的免费视频教程或到薇晓朵 WooCommerce 中文论坛提问,会有专业技术团队提供相关帮助。