Hiển Thị Danh Mục Sản Phẩm Woocommerce

  -  

Trong bài viết này mình sẽ giúp các bạn Tự tạo hiển thị sản phẩm theo danh mục Woocommerce một cách đơn giản nhất.


Chào các bạn,

Một chức năng mà mình thấy có khá nhiều bạn đang quan tâm là thay vì sử dụng shortcode hay Plugin để hiển thị sản phẩm theo danh mục trong Woocommerce, thì ta có thể tự làm nó với code của chính mình.Trong bài viết này mình sẽ giúp các bạn Tự tạo hiển thị sản phẩm theo danh mục Woocommerce một cách đơn giản nhất

*
Cùng bắt đầu nào!

– Thông thường bạn sẽ cần có vòng lặp(Loop) lấy ra bài viết như sau :

"publish","orderby" => "ID","order" => "DESC","posts_per_page"=> "4"));?>have_posts()) : $vnkings->the_post(); ?>// nội dung cần lặpNếu sử dụng Loop như trên thì nó sẽ mặc định lấy bài trong Post type = Post (chính là phần tin tức của các bạn)

– Vậy chúng ta cần 1 số điều kiện nâng cao để nó bắt được sản phẩm trong một danh mục cụ thể ở Woocommerce:

"product","post_status"=>"publish","tax_query" => array( array( "taxonomy" => "product_cat", "field" => "id", "terms" => "ID_Của_Danh_Mục_Sản_Phẩm" ) ),"orderby" => "ID","order" => "DESC","posts_per_page"=> "4"));?>have_posts()) : $vnkings->the_post(); ?>// Nội dung từng sản phẩmGiải thích :

WP_Query(): tạo 1 Query với các điều kiện bên trong‘post_type’=>’product: Lấy các bài viết trong post type Product‘post_status’=>’publish’: Hiển thị các bài viết đã đăng(không phải bài nháp)‘taxonomy’ => ‘product_cat’: Bên trên ta thấy đã lấy bài viết ở Product, vậy tiếp theo ta hướng nó tới Danh mục cụ thể là Taxonomy product_cat‘field’ => ‘id’: Cách để lấy ra taxonomy là sử dụng ID của taxonomy đó‘terms’ => ‘ID_Của_Danh_Mục_Sản_Phẩm’: Đây chính là phần khai báo ID của danh mục sản phẩm bạn cần nhập vào‘orderby’ => ‘ID’,’order’ => ‘DESC’: Hiển thị sản phẩm từ mới đến cũ‘posts_per_page’=> ‘4’: hiển thị ra số lượng sản phẩm bạn muốn, cụ thể ở đây mình show ra 4 sản phẩm

Lấy ID_Của_Danh_Mục_Sản_Phẩm bằng cách sửa danh mục sản phẩm và xem ID trên thanh Address trình duyệt

*

– Khi đã có vòng lặp ra các sản phẩm trong danh mục cụ thể rồi, chúng ta tìm hiểu đến cách hiển thị các sản phẩm trong vòng lặp đó nhé:(Trước tiên bạn nên đọc bài viết này để xem ta có những hàm gì để lấy ra dữ liệu trong Woocommerce: Tổng hợp các hàm hiển thị dữ liệu cho Woocommerce)

– Bây giờ ta sẽ có đoạn code cụ thể như sau:


"product","post_status"=>"publish","tax_query" => array( array( "taxonomy" => "product_cat", "field" => "id", "terms" => "ID_Của_Danh_Mục_Sản_Phẩm" )),"orderby" => "ID","order" => "DESC","posts_per_page"=> "4"));?>have_posts()) : $vnkings->the_post(); ?>
Lưu ý:

get_term_link() : lấy link danh mục sản phẩmget_cat_name() : hiển thị tiêu đề danh mục sản phẩmHãy thay ID_Của_Danh_Mục_Sản_Phẩm bằng id danh mục sản phẩm của bạn nhé

Xem thử kết quả bên Vnkings.com:

*

Bằng sự sáng tạo của bạn hãy thử tạo style riêng cho phần này! nếu thành công hãy khoe phần bạn làm với mình qua fanpage hoặc comment nhé