默認的 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 中文論壇提問,會有專業技術團隊提供相關幫助。