Cách thêm đơn vị tính cho sản phẩm Woocommerce đơn giản

Một số loại sản phẩm sẽ có đơn vị tính khác nhau,bạn muốn khách hàng xem chi tiết đơn vị tính cho sản phẩm website bán hàng làm bằng WordPress như kg,g,ml,chiếc, cái hãy cùng Sơn Web làm theo các bước đơn giàn sau nhé.

Bạn có thể viết thành plugin hoặc thêm code trực tiếp trong file functions.php của theme như sau nhé:

Bươc 1:Truy cập Admin -> Giao diện -> Theme file Editor -> functions.php

Bước 2: Sử dụng code sau để thêm field đơn vị cho sản phẩm:

function swdev_add_price_units()
{
    woocommerce_wp_select([
        'id' => '_price_units',
        'label' => __('Đơn vị tính', 'woocommerce'),
        'desc_tip' => 'true',
        'options' => [
            '' => __('Chọn đơn vị tính', 'woocommerce'),
            'ml' => __('ml', 'woocommerce'),
            'g' => __('g', 'woocommerce'),
            'kg' => __('kg', 'woocommerce'),
            'Combo' => __('Combo', 'woocommerce'),
        ]
    ]);
}
add_action('woocommerce_product_options_general_product_data', 'swdev_add_price_units');

function swdev_save_price_units($product_id)
{
    if (isset($_POST['_price_units'])) {
        $price_units = sanitize_text_field($_POST['_price_units']);
        update_post_meta($product_id, '_price_units', $price_units);
    }
}
add_action('woocommerce_process_product_meta', 'swdev_save_price_units');
//
function swdev_show_price_units($price, $product)
{
    $price_units = get_post_meta($product->get_id(), '_price_units', true);
    if (!empty($price_units)) {
        $price .= '  <span class="price-unit">/' . esc_html($price_units) . '</span>';
    }
    return $price;
}
add_filter('woocommerce_get_price_html', 'swdev_show_price_units', 10, 2);

Hình ảnh Thực tế hiển thị sản phẩm bên ngoài sau khi chọn đơn vị tính:

Kết luận: Thêm đơn vị tính cho sản phẩm trong Woocommerce chỉ cần sử dụng code đơn giản như trên, tuy nhiên để chọn giá khác nhau cho cùng 1 sản phẩm như 100g, 500g, 1kg, 5kg, 10kg thì bạn cần sử dụng biến thể.
Bạn cần hỗ trợ chỉnh sửa lỗi web WordPress inbox Sơn Web nhé