Thêm đánh giá sao ngẫu nhiên cho sản phẩm Wordpres không dùng plugin

Đánh giá sao sản phẩm là một hệ thống xếp hạng thường được sử dụng trên các nền tảng thương mại điện tử và các trang web đánh giá sản phẩm để người dùng có thể bày tỏ mức độ hài lòng của họ về một sản phẩm hoặc dịch vụ. Trong bài viết này mình sẽ chia sẻ bạn cách thêm đánh giá sao ngẫu nhiên cho sản phẩm Wordpres không dùng plugin.

Thêm đánh giá sao ngẫu nhiên cho sản phẩm Wordpres không dùng plugin

Đối với người tiêu dùng giúp họ đưa ra quyết định mua hàng sáng suốt hơn. Còn đối với người bán tăng doanh số bán hàng. Vậy tại sao ta không làm, đúng không!

1] Cài đặt đánh giá sao ngẫu nhiên cho sản phẩm Wordpres

Bạn chỉ cần copy và dán đoạn code bên dưới vào trong Functions theme bạn đang dùng.

function tao_danh_gia_ngau_nhien( $post_id ) {
    if ( get_post_type( $post_id ) !== 'product' ) {
        return;
    }
	
    $point = round(rand(35, 50) / 10, 1);
    $total_rating = rand(50, 295);

    update_post_meta( $post_id, '_danh_gia_random', array(
        'point' => $point,
        'total_rating' => $total_rating,
    ));
}

function danhgia_Random() {
    global $post;
    if ( is_a( $post, 'WP_Post' ) && get_post_type( $post->ID ) === 'product' ) {
        $rating = get_post_meta( $post->ID, '_danh_gia_random', true );

        if ( ! empty( $rating ) ) {
            echo '<div class="rate">';
            echo '<span class="point">' . esc_html( $rating['point'] ) . '/5 <i class="icon-star"></i></span>';
            echo '<span class="total-rate">(' . esc_html( $rating['total_rating'] ) . ' đánh giá)</span>';
            echo '</div>';
        }
    }
}

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

add_action( 'save_post_product', 'tao_danh_gia_ngau_nhien' );

Lưu ý: Code mình để khoảng đánh giá từ 50 đến 295, các bạn có thể tùy biến nhé, khoảng sao từ 3.5 – 5 sao. Mỗi sản phẩm khi bạn đăng lên public nó sẽ tự ngẫu nhiên sao cho bạn

2] Thêm chút css cho đẹp

span.point {
    color: #f77f00;
    margin-right: 4px;
}

DEMO cho đánh giá sao ngẫu nhiên cho sản phẩm Wordpres