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