Chào bạn nha, lại là Thịnh đây hehe.

Có một số shop bán hàng muốn hiển thị thêm thông tin: số lượng sản phẩm đã bán tại trang bán sản phẩm.

Mục đích của việc này là shop muốn tạo niềm tin cho khách hàng, khẳng định shop tôi làm ăn uy tín lắm á nha, có nhiều người mua hàng lắm á…

Vậy làm sao để hiển thị thêm dòng số lượng sản phẩm đã bán trong woocommerce?

Bạn đừng lo, tại bài viết này Thịnh sẽ chia sẻ cho bạn nha.

Ok bắt đầu ngay nhé.

Xem thêm những bài viết hướng dẫn khác của Thịnh ở dưới đây

Cách tạo nút đếm ngược để hiển thị mật khẩu trên Website WordPress

Cách Chèn Fanpage Facebook vào Website Chi Tiết Nhất

Cách để thay đổi tên đăng nhập mặc định “Admin” trong WordPress

Tạo số lượng sản phẩm đã bán trong Woocommerce Wordpress như thế nào?

Đây là cách hiển thị mặc định của Woocommerce, sẽ không có hiển thị số lượt đã bán nè.

Cach Tao Va Hien Thi So Luong San Pham Da Ban Trong Woocommerce Wordpress

Sau khi bạn thêm đoạn code hiển thị số lượt bán của sản phẩm sẽ như thế này?

Cach Tao Va Hien Thi So Luong San Pham Da Ban Trong Woocommerce Wordpress1

Bạn hoàn toàn có thể đổi icon hoặc màu sắc của số lượng đã bán nha.

Okay cùng Thịnh bắt tay vào thực hiện cách làm nào.

Đầu tiên, bạn cần tìm và cái đặt cho Thịnh plugin có tên là: Advanced Custom Fields (ACF)

Cach Tao Va Hien Thi So Luong San Pham Da Ban Trong Woocommerce Wordpress3

Sau đó, bạn mở plugin này lên và tạo 1 filed có tên là da-ban như hình mẫu dưới đây của Thịnh nha.

Cach Tao Va Hien Thi So Luong San Pham Da Ban Trong Woocommerce Wordpress2

Sau khi tạo xong, bạn thêm đoạn code dưới đây vào đường dẫn sau nha: Giao diện —-> Sửa tệp tin giao diện —-> functions.php —-> Dán đoạn code rùi bấm lưu lại.

Đoạn code giúp thêm dòng số lượng sản phẩm đã bán trong woocommerce

/*Code Hiển thị số lượng đã bán*/
function fls_da_ban_shortcode( $atts ) {
    $atts = shortcode_atts( array(
        'default_value' => '15',
        'class' => 'daban-class',
    ), $atts );
    
    $da_ban = get_field( 'da_ban' );
    
    if ( $da_ban ) {
        $da_ban_value = $da_ban;
    } else {
        $da_ban_value = rand(12, 20);
    }
    
    $icon_html = '<i class="fas fa-shopping-cart"></i>';
    
    return '<span class="' . esc_attr( $atts['class'] ) . '">' . $icon_html . esc_html( $da_ban_value ) . '</span>';
}
add_shortcode( 'sl_da_ban', 'fls_da_ban_shortcode' );