Code đếm số lượt xem các sản phẩm theme Flatsome không cần plugin

Thêm code đếm và hiển thị số lượt xem bài viết

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 đề.

<strong>//code lấy lượt xem từ blog hay woo</strong>
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 đã lấy được
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 blog
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());
    }
}
// code hiển thị số lượt xem trong dashboard woo
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 );

Có thể bạn quan tâm:

Cách thêm tiện ích WordPress vào tiêu đề website

Cách thêm biểu tượng cho các bài đăng tùy chỉnh trong WordPress

Cách tùy biến giao diện Blog theo chuyên mục khác nhau bằng css

Cách tạo tab bên phải và add thêm Title trong Flatsome

Đối với chèn bộ đếm trong blog

bạn tham khảo >>> Code đếm lượt truy cập không dùng plugin trong wordpress

Đối với bộ đếm trong woocommerce

Tìm file:
flatsomewoocommercecontent-single-product.php > thêm vào dòng 22 đoạn sau :  ( đoạn có Get ID của sản phẩm  <div id=”product-<?php the_ID(); ?>” <?php wc_product_class( ”, $product ); ?>> )

thêm dòng này vào trước đó:

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

Note : với bạn làm custom cho trang sản phẩm thì các bạn chỉnh ở file này nhé : woocommerce/content-single-product-custom.php

Sau khi thao tác xong bạn nhớ lưu lại và bắt đầu thêm CSS vào nhé:

.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;
}

Lợi ích của việc dùng woocommerce là có sẵn bộ hook chỉ cần muốn hiện thị vị trí nào thì có thể hook vào vị trí đó nhé!

Trên đây GGADS đã hướng dẫn bạn Code đếm số lượt xem các sản phẩm theme Flatsome không cần plugin! Nếu các bạn còn thắc mắc gì hãy để lại tin nhắn. Chúng tôi sẽ phản hồi nhanh nhất có thể.

Cảm ơn các bạn đã đọc bài viết này! Xin chân thành cảm ơn!