Hiển thị sản phẩm đã bán cho WordPress giống với sàn thương mại điện tử

Hiển thị sản phẩm đã bán là những mặt hàng hoặc dịch vụ mà một doanh nghiệp hoặc cá nhân đã hoàn tất giao dịch với khách hàng. Điều này có nghĩa là quyền sở hữu sản phẩm hoặc dịch vụ đã được chuyển giao cho người mua, và người bán đã nhận được thanh toán hoặc cam kết thanh toán. Nó phản ánh là sản phẩm của bạn tốt và được người dùng ủng hộ như thế nào.

Hiển thị sản phẩm đã bán cho WordPress

Chắc chắn rồi! Hiển thị số lượng sản phẩm đã bán trong WooCommerce có thể giúp tăng độ tin cậy và thúc đẩy doanh số bán hàng. Dưới đây là một số cách bạn có thể thực hiện việc này:

1] Chèn code vào function theme đang dùng

a] Hiển thị ở trang chi tiết sản phẩm

add_action( 'woocommerce_single_product_summary', 'wc_product_sold_count', 11 );

function wc_product_sold_count() {
    global $product;

    // Lấy số lượng đã bán. Nếu không có, gán về 0.
    $units_sold = (int) get_post_meta( $product->get_id(), 'total_sales', true );

    // Hiển thị thông báo số lượt bán.
    echo '<p class="da-ban">' . sprintf( __( 'Đã bán: %s', 'woocommerce' ), esc_html( $units_sold ) ) . '</p>';
}

b] Hiển thị ở trang chủ

add_action( 'woocommerce_after_shop_loop_item_title', 'wc_product_sold_count' );

function wc_product_sold_count() {
    global $product;

    // Lấy số sản phẩm đã bán, nếu không có giá trị thì mặc định là 0
    $units_sold = (int) get_post_meta( $product->get_id(), 'total_sales', true );
    
    // Hiển thị thông báo với số lượt bán
    echo '<p class="da-ban">' . sprintf( __( 'Đã bán: %s', 'woocommerce' ), esc_html( $units_sold ) ) . '</p>';
}

c] Hiển thị ở trang chủ và trang chi tiết sản phẩm

add_action( 'woocommerce_after_shop_loop_item_title', 'wc_product_sold_count', 10 );
add_action( 'woocommerce_single_product_summary', 'wc_product_sold_count', 11 );

function wc_product_sold_count() {
    global $product;

    // Lấy số sản phẩm đã bán
    $units_sold = get_post_meta( $product->get_id(), 'total_sales', true );

    // Nếu không có giá trị, mặc định sẽ là 0
    if ( empty( $units_sold ) ) {
        $units_sold = 0;
    }
    
    echo '<p class="da-ban">' . sprintf( __( 'Đã bán: %s', 'woocommerce' ), esc_html( $units_sold ) ) . '</p>';
}

2] Thêm css để làm đẹp

.price-wrapper p.da-ban {
    border-radius: 20px;
    text-align: center;
    background-color: rgb(130 36 227 / 34%);
    background-image: none;
    position: relative;
    height: 25px;
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: fit-content;
    margin: 10px auto;
    padding: 3px 15px 0;
    font-size: 13px;
}
.product-info p.da-ban {
    border-radius: 5px;
    text-align: center;
    background-color: rgb(130 36 227 / 34%);
    background-image: none;
    position: relative;
    height: 25px;
    color: #0a0a0a;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: fit-content;
    padding: 3px 15px 0;
    font-size: 13px;
}

Demo hiển thị sản phẩm đã bán: DEMO