Hiển thị Star Ratings bên dưới giá sản phẩm Woocommerce

Làm thế nào để hiển thị xếp hạng sao của woocommerce?

Trở ngại lớn nhất với các website bán hàng trực tuyến là việc tạo dựng niềm tin giữa khách hàng và website bán hàng của bạn.

1 turbo business hosting - Hiển thị Star Ratings bên dưới giá sản phẩm Woocommerce

Thói quen mua hàng trên mạng của người dùng hiện nay là tìm kiếm thông tin, đánh giá về sản phẩm trước khi quyết định mua.

Sản phẩm chất lượng tốt, đáng tin cậy và hữu ích sẽ cộng hưởng với cách khách hàng nhìn nhận về bạn và doanh nghiệp của bạn. Đó là lý do tại sao các đánh giá trong trang web của bạn là một phần giúp trang web của bạn thu hút khách hàng và tăng doanh số bán hàng, v.v.

Hiển thị xếp hạng sao bên dưới giá sản phẩm

Để thêm xếp hạng sao để hiển thị bên dưới giá trên trang lưu trữ, chỉ cần thêm mã sau vào tệp functions.php của bạn:

add_action (‘woocommerce_ after_shop_loop_item_title’, ‘change_loop_ratings_location’, 2);

function change_loop_ratings_location () {

remove_action (‘woocommerce_ after_shop_loop_item_title’, ‘woocommerce_template_loop_rating’, 5);

add_action (‘woocommerce_ after_shop_loop_item_title’, ‘woocommerce_template_loop_rating’, 15);

}

Hiển thị số lượng xếp hạng

Để nhận các chỉ số xếp hạng, bạn sử dụng mã bên dưới.

add_filter (‘woocommerce_product_get_rating_html’, ‘loop_product_get_rating_html’, 20, 3);

function loop_product_get_rating_html ($ html, $ rating, $ count) {

if (0 <$ rating &&! is_product ()) {

sản phẩm $ toàn cầu;

$ rating_cnt = array_sum ($ product-> get_rating_counts ());

$ count_html = ‘

‘. $ rating_cnt. ‘

‘;

$ html = ‘

‘;

$ html. = wc_get_star_rating_html ($ rating, $ count);

$ html. = ‘

‘. $ count_html. ‘

‘;

}

trả về $ html;

}

Khi thêm bạn có thể sẽ gặp một số lỗi về căn chỉnh của Css, đây là mã Css để sửa lỗi đó:

.woocommerce .star-rating span{
  font-family: 'star';
}
.container-rating {
    display: flex;
    align-items: center;
 }

Phần kết

Dưới đây mình có chia sẻ cách hiển thị xếp hạng sao của woocommerce, nếu bạn thấy hay thì đừng quên để lại bình luận bên dưới nhé.

Nếu thấy hay các bạn có thể theo dõi chuyên mục thủ thuật wordpress để biết thêm nhiều kiến thức mới nhé.

Theo dõi fanpage để nhận những bài viết mới nhất: Hocwordpress Group

Chúc các bạn có những kiến thức thú vị và bổ ích về wordpress!

Tìm kiếm Blog này

Sieucoder.com