• Trang chủ
  • Windows
  • Mac OS
  • Điện thoại
  • Game hay
  • Thủ thuật
  • Website
  • Hướng dẫn
  • Tài liệu
Friday, 27 January, 2023
Chia sẻ thủ thuật IT, tải phần mềm miễn phí
No Result
View All Result
  • Trang chủ
  • Windows
  • Mac OS
  • Điện thoại
  • Game hay
  • Thủ thuật
  • Website
  • Hướng dẫn
  • Tài liệu
  • Trang chủ
  • Windows
  • Mac OS
  • Điện thoại
  • Game hay
  • Thủ thuật
  • Website
  • Hướng dẫn
  • Tài liệu
No Result
View All Result
Chia sẻ thủ thuật IT, tải phần mềm miễn phí
No Result
View All Result
Home Website

Cách hiển thị số lượng sản phẩm đã bán khi dùng Woocommerce

How to show the number of products sold on WooCommerce stores

Harris by Harris
28/12/2022
in Hướng dẫn, Thủ thuật, Website
Reading Time: 4 mins read
0
huanvmdotcom How to show the number of products sold on WooCommerce stores
3
SHARES
10
VIEWS
Share to FacebookShare to TwitterPin on Pinterest

Mục lục bài viết

  1. Hiển thị số lượng sản phẩm đã bán khi dùng Woocommerce
  2. Cách 1: Sử dụng hook để hiển thị
    1. Hiển thị ở trang danh mục sản phẩm thì dùng code sau:
    2. Nếu hiện ở trang chủ thì dùng code sau:
    3. Muốn hiện cả ở trang chủ và trang danh mục sản phẩm thì dùng code sau:
  3. Cách 2: Sử dụng Plugins
    1. Cài đặt Plugins:
    2. Cấu hình Plugins

Hiển thị số lượng sản phẩm đã bán khi dùng Woocommerce

Woocommerce hiện tại là plugin miễn phí giúp tạo website bán hàng trên WordPress rất phổ biến. Ở bài viết này mình sẽ hướng dẫn các bạn hiển thị số lượng sản phẩm đã bán khi dùng Woocommerce.

Có 2 cách đó là dùng code và hook vào các vị trí cần hiển thị và cách thứ 2 là dùng plugins. Vào việc nào:

Cách 1: Sử dụng hook để hiển thị

  1. Đăng nhập Admin Dashboard của website
  2. Mở file functions.php của theme ( Thường là Giao diện – Sửa giao diện – functions.php )
  3. Lựa chọn các đoạn code mà bạn cần ở bên dưới và dán vào cuối file functions.php

Hiển thị ở trang danh mục sản phẩm thì dùng code sau:

How to show the number of products sold on WooCommerce stores
1
2
3
4
5
6
add_action( 'woocommerce_single_product_summary', 'wc_product_sold_count', 11 );
function wc_product_sold_count() {
global $product;
$units_sold = get_post_meta( $product->get_id(), 'total_sales', true );
echo '<p class="da-ban">' . sprintf( __( 'Đã bán: %s', 'woocommerce' ), $units_sold ) . '</p>';
}

Nếu hiện ở trang chủ thì dùng code sau:

1
2
3
4
5
6
add_action( 'woocommerce_after_shop_loop_item_title', 'wc_product_sold_count' );
function wc_product_sold_count() {
global $product;
$units_sold = get_post_meta( $product->get_id(), 'total_sales', true );
echo '<p class="da-ban">' . sprintf( __( 'Đã bán: %s', 'woocommerce' ), $units_sold ) . '</p>';
}

Muốn hiện cả ở trang chủ và trang danh mục sản phẩm thì dùng code sau:

1
2
3
4
5
6
7
add_action( 'woocommerce_after_shop_loop_item_title', 'wc_product_sold_count' );
add_action( 'woocommerce_single_product_summary', 'wc_product_sold_count', 11 );
function wc_product_sold_count() {
global $product;
$units_sold = get_post_meta( $product->get_id(), 'total_sales', true );
echo '<p class="da-ban">' . sprintf( __( 'Đã bán: %s', 'woocommerce' ), $units_sold ) . '</p>';
}

Note: Chỉ là thêm hook và 2 vị trí thôi nhé, yên tâm

Giờ CSS lại cho nó đẹp hơn nhé:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
p.da-ban {
    border-radius: 20px;
    margin-bottom: 0;
    text-align: center;
    margin-top: 5px;
    background-color: rgba(210,33,33,.4);
    background-image: none;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    height: 25px;
    margin-bottom: 10px;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

Note: Class “da-ban” các bạn có thể thay đổi tuỳ thích theo đoạn code trong file functions nhé.

Oke rồi, giờ F5 lại web và tận hưởng thành quả.

huanvmdotcom san pham da ban

Cách 2: Sử dụng Plugins

Nếu bạn không thích việc dùng code của mình, bạn có thể sử dụng plugin để hiển thị số lượng sản phẩm đã bán. Trong bài viết này, mình khuyến nghị bạn sử dụng plugin WPB Show Product Sales Number for WooCommerce của wpbean.

Cài đặt Plugins:

Đăng nhập vào Admin Dashboard, mục Plugins bấm vào Add new và tìm kiếm Plugins có tên: WPB Show Product Sales Number for WooCommerce, cài đặt và kích hoạt nó. Hoặc bạn cũng có thể tải về Plugins tạ đây “WPB Show Product Sales Number for WooCommerce” và cài đặt thủ công.

Cấu hình Plugins

Khi plugin được kích hoạt, bạn hãy đi tới Cài đặt > Woocommerce Show Sales từ thanh bên trái trên Admin Dashboard

Các cài đặt được chia thành hai trang: General Settings và Style Settings.

Trong General Settings, bạn có thể quản lý giao diện và vị trí hiển thị của plugin

Trên trang này, bạn cũng có thể tắt hiển thị số lượng sản phẩm đã bán nếu sản phẩm bán được bằng 0.

Các cài đặt rất đơn giản và dễ hiểu. Sau khi thay đổi các cài đặt, nhấp vào nút Save Changes để lưu thay đổi.

Trên trang Style Settings, bạn có thể thay đổi màu sắc của số đếm và điều chỉnh kích thước phông chữ. Hơn nữa, nếu bạn đã quen với CSS, bạn cũng có thể thêm mã CSS để tùy chỉnh cho các phần tử theo cách bạn muốn.

Sau khi thực hiện các thay đổi trên trang này, đừng quên nhấp vào nút “Lưu thay đổi”

Chúc các bạn thành công!

Digiprove sealCopyright protected by Digiprove © 2022
5/5 - (2 votes)
Chào ! Bạn thấy nội dung này thế nào?
Hữu ích 14Tạm được 13
Tags: total products soldwoocommerce
Previous Post

Code tự động tải ảnh về host khi copy bài viết từ website khác

Next Post

Woocommerce hooks là gì, cách dùng Actions Hook và Filters Hook trong WordPress

Harris

Harris

Thích du lịch, khám phá và thích vọc vạch

Next Post
Woocommerce hooks là gì, cách dùng Actions Hook và Filters Hook trong WordPress

Woocommerce hooks là gì, cách dùng Actions Hook và Filters Hook trong WordPress

Đăng nhập bằng
Tôi đồng ý tạo tài khoản
Khi bạn đăng nhập lần đầu tiên thông qua nút Đăng nhập xã hội, chúng tôi thu thập thông tin hồ sơ công khai tài khoản của bạn do nhà cung cấp tài khoản mạng xã hội chia sẻ, dựa trên cài đặt quyền riêng tư của bạn. Chúng tôi cũng lưu địa chỉ email của bạn để tự động tạo tài khoản cho bạn trên trang web của chúng tôi. Khi tài khoản của bạn được tạo, bạn sẽ đăng nhập vào tài khoản này.
Không đồng ýĐồng ý
guest
Đăng nhập bằng
Tôi đồng ý tạo tài khoản
Khi bạn đăng nhập lần đầu tiên thông qua nút Đăng nhập xã hội, chúng tôi thu thập thông tin hồ sơ công khai tài khoản của bạn do nhà cung cấp tài khoản mạng xã hội chia sẻ, dựa trên cài đặt quyền riêng tư của bạn. Chúng tôi cũng lưu địa chỉ email của bạn để tự động tạo tài khoản cho bạn trên trang web của chúng tôi. Khi tài khoản của bạn được tạo, bạn sẽ đăng nhập vào tài khoản này.
Không đồng ýĐồng ý
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận

KHUYÊN DÙNG

Auto Draft

6+ mẹo google driver nâng cao mà bạn nên biết

05/03/2022
78
Auto Draft

[Hướng dẫn]Cách thiết lập đồng bộ hoá Google Chrome

05/03/2022
72

ĐANG THỊNH HÀNH

Download Wondershare Filmora X 10.7.8.12 (Full + Repack)

Download Wondershare Filmora X 10.7.8.12 (Full + Repack)

28/12/2022
5.7k
Steinberg – Cubase Pro 12.0.0.205 x64

Steinberg – Cubase Pro 12.0.0.205 x64

24/03/2022
1.7k
Download Cubase 10 Pro All in One – Hướng dẫn cài đặt chi tiết

Download Cubase 10 Pro All in One – Hướng dẫn cài đặt chi tiết

30/12/2022
1.6k
Cách dùng hook Woocommerce để hiển thị thông tin bên dưới sản phẩm

Cách dùng hook Woocommerce để hiển thị thông tin bên dưới sản phẩm

28/12/2022
36
Tạo file Feed sản phẩm Woocommerce theo chuẩn Google Shopping

Tạo file Feed sản phẩm Woocommerce theo chuẩn Google Shopping

05/03/2022
204

GIỚI THIỆU

Chia sẻ thủ thuật IT, tải phần mềm miễn phí

Xin chào! Mình là Mạnh Huấn, website này mình xây dựng nhằm mục đích chia sẻ miễn phí các kiến thức, thủ thuật máy tính, làm web WordPress, SEO, MMO, các phần mềm hay... mà mình biết cho tất cả mọi người. Cảm ơn các bạn đã ghé qua, nếu thấy bài viết hay, hãy chia sẻ để ủng hộ tinh thần cho mình nhé!

Theo dõi mình tại đây:

BÀI VIẾT GẦN ĐÂY

Code hiển thị đếm ngược khuyến mại và sản phẩm đã bán trên Woocommerce

Code hiển thị đếm ngược khuyến mại và sản phẩm đã bán trên Woocommerce

28/12/2022
Woocommerce hooks là gì, cách dùng Actions Hook và Filters Hook trong WordPress

Woocommerce hooks là gì, cách dùng Actions Hook và Filters Hook trong WordPress

28/12/2022
Cách hiển thị số lượng sản phẩm đã bán khi dùng Woocommerce

Cách hiển thị số lượng sản phẩm đã bán khi dùng Woocommerce

28/12/2022

HV MEDIA ON FACEBOOK

  • Giới thiệu
  • Chính sách bảo mật
  • Bản quyền
  • Liên hệ
  • Quảng cáo
  • Gửi yêu cầu
  • Báo link hỏng

© 2020 HV Media - Chia sẻ thủ thuật IT, phần mềm by HV Media Center.

No Result
View All Result
  • Home
  • Mac OS
    • Adobe
    • Developer Tools
    • Graphics & Design
    • Internet – Security
    • Productivity
    • Utilities
    • Video – Audio
  • Windows
    • Anti Virus
    • Development
    • Graphics & Design
    • Office – Study
    • Tools
    • Utilities
    • Video – Audio
  • Điện thoại
    • Apps, Game Cho iOS
    • Phần mềm Android
  • Thủ thuật
    • Thủ thuật máy tính
    • Thủ thuật Mobile
    • Thủ thuật Facebook
  • Game hay
    • Game MacOS
    • Game Windows
  • Website
  • Hướng dẫn
  • Tài liệu

© 2020 HV Media - Chia sẻ thủ thuật IT, phần mềm by HV Media Center.

wpDiscuz
0
0
Bạn đang nghĩ gì, hãy để lại bình luận nhé !x
()
x
| Phản hồi