Tạo bộ đếm và hiển thị lượt xem wordpress trong Flatsome

Nhiều site cần hiển thị lượt xem wordpress trong sản phẩm nhưng rong WordPress lại không hỗ trợ sẵn phần này. Do đó  nếu muốn có bạn phải cài thêm các plugin khác gây tình trang nhiều plugin quá sẽ gây nặng site, tốn tài nguyên của host. Trong bài viết này mình sẽ giới thiệu đến bạn đếm lượt xem và hiển thị ra trong sản phẩm số view của sản phẩm đó mà không cần dùng đến plugin. Ở bài viết này mình sẽ hướng dẫn làm trên theme Flatsome đang trend ở mã nguồn WP hiện nay.

hien thi luot xem bai viet
Hiển thị lượt xem bài viết wordpress

Thêm code đếm và hiển thị số lượt xem sản phẩm

Bước 1: Chèn code đếm lượt xem vào cuối file function.php của theme Flatsome. Lưu ý chỉ nên sử dụng child theme để sau này nâng cấp đỡ gặp vấn đề do update nó sẽ ghi đè những gì mình custom ở function.php của theme.

//code lấy lượt xem
function getPostViews($postID){
    $count_key = 'post_views_count';
    $count = get_post_meta($postID, $count_key, true);
    if($count==''){
        delete_post_meta($postID, $count_key);
        add_post_meta($postID, $count_key, '0');
        return "01 lượt xem";
    }
    return $count.' lượt xem';
}
// code đếm lượt xem
function setPostViews($postID) {
    $count_key = 'post_views_count';
    $count = get_post_meta($postID, $count_key, true);
    if($count==''){
        $count = 0;
        delete_post_meta($postID, $count_key);
        add_post_meta($postID, $count_key, '0');
    }else{
        $count++;
        update_post_meta($postID, $count_key, $count);
    }
}
// code hiển thị số lượt xem trong dashboard
add_filter('manage_posts_columns', 'posts_column_views');
add_action('manage_posts_custom_column', 'posts_custom_column_views',5,2);
function posts_column_views($defaults){
    $defaults['post_views'] = __('Views');
    return $defaults;
}
function posts_custom_column_views($column_name, $id){
    if($column_name === 'post_views'){
        echo getPostViews(get_the_ID());
    }
}

Bước 2: Tìm file: flatsomewoocommercecontent-single-product.php thêm vào dòng 22 đoạn sau :

<?php setPostViews(get_the_ID()); ?>

Bước 3: Thêm đoạn code sau vào file function.php như ở bước 1:

function action_woocommerce_single_product_summary(  ) {
echo '';
echo getPostViews(get_the_ID());
echo '';
}
add_action( 'woocommerce_single_product_summary', 'action_woocommerce_single_product_summary', 5, 0 );

Bước 4: Style css cho nó để hiển thị đẹp hơn:

.luot-xem:before {
 content: "f06e";
    color: #f96e5b;
    display: inline-block;
    font-size: 14px;
    font-family: 'FontAwesome';
    margin: auto;
    padding: 5px;
}
span.luot-xem {
    color: #f96e5b;
}

Sau khi add code xong các bạn clear cache rồi vào kiểm tra lại xem đã hiển thị chưa nhé

Cảm ơn các bạn đã đọc, hãy chia sẻ bài viết nếu có ích nhé!

DỊCH VỤ TUỆ LÂM SOFT ĐANG CUNG CẤP

THIẾT KẾ WEBSITE

Tuệ Lâm Soft Cung cấp giải pháp thiết kế website theo yêu cầu, thiết kế website trọn gói theo mẫu giá rẻ, nhiều mẫu giao diện đẹp, khả năng tùy biến cao, tối ưu hóa Onpage.

PHÒNG MARKETING THUÊ NGOÀI

Phòng Marketing Thuê Ngoài Tuệ Lâm Soft giúp doanh nghiệp làm Marketing bài bản. Tối ưu chi phí vận hành, tối đa hiệu quả công việc. Cam kết hiệu quả. Đội ngũ kinh nghiệm

THIẾT KẾ LOGO THƯƠNG HIỆU

Đội ngũ trẻ thiết kế logo nhận diện thương hiệu trẻ trung, sáng tạo, ấn tượng. Dịch vụ uy tín hàng đầu. Giá rẻ, tư vấn chuẩn xác. Quy trình bài bản. Đội ngũ nhiệt tình.

QUẢNG CÁO GOOGLE ADWORD

Tư vấn từ khóa hiệu quả, nhắm đúng khách hàng mục tiêu, theo dõi đấu giá từ khóa, tăng điểm chất lượng quảng cáo Google tối ưu chi phí tốt nhất.

DỊCH VỤ SEO

Dịch vụ SEO website chuyên nghiệp bền vững, gia tăng sự nhận diện thương hiệu của doanh nghiệp trên internet, tối đa hóa lợi nhuận với chi phí tối ưu nhất

EMAIL DOANH NGHIỆP

Email Doanh Nghiệp Mua 1 Lần Dùng Vĩnh Viễn‎ - Hệ thống Email theo tên miền góp phần gây dựng nên hình ảnh chuyên nghiệp nâng cao uy tín - khẳng định thương hiệu cho công ty bạn.