Hiển thị lượt xem (views) thường phổ biến ở những trang web tin tức, blog,… Tuy nhiên WordPress lại không hỗ trợ sẵn phần này và nếu muốn có bạn phải cài thêm các plugin khác. Trong bài viết này mình sẽ giới thiệu đến bạn đếm số lượt xem các sản phẩm trong sản phẩm số view của sản phẩm đó mà không cần dùng đến plugin. Cụ thể trong bài này mình sẽ hướng dẫn các bạn làm trên theme Flatsome.

Nội Dung

Code đếm số lượt xem các sản phẩm theme Flatsome không dùng 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 đề nhé

//code lấy lượt xem từ blog hay woo
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 );

//code lấy lượt xem từ blog hay woo

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 );

Đố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 tớ đã đăng

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

Tìm file: flatsome\woocommerce\content-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 ); ?>>

1	<div id=”product-<?php the_ID(); ?>” <?php wc_product_class( ”, $product ); ?>>

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

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

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

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

Sau khi thao tác xong bạn lưu lại và nhớ thêm css 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;
}

.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 nó có sẳn bộ hook chỉ cần muốn hiện thị vị trí có thể hook vào vị trí đó nhé !

ok xong rồi nhé , Chúc bạn thành công

Ftechx Solutions – Nhà thiết kế website chuyên nghiệp hàng đầu Việt Nam

Phone: 0901 764 514
Email: Contact.ftechx@gmail.com

Kiến Thức, Website

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