Người Viết : ViKiMi Editor

Hiển thị Danh Sách Sản Phẩm / WooCommerce Product Table giúp tăng hiệu quả Website
Nếu bạn thắc mắc về chế độ hiển thị sản phẩm của WooCommerce thì điều đó khá là thú vị. Vì chúng ta biết rằng WooCommerce cung cấp cho chúng ta cách xem cổ điển ban đầu ngay khi bạn thực hiện cài đặt WooCommerce đó là chế độ hiển thị sản phẩm dạng lưới. Chế độ này cho phép bạn xem các sản phẩm một cách thông thường nhất. Nó cũng hiệu quả cho những Shop buôn bán thông thường.
+ Nhưng liệu chúng ta còn cách nào để hiển thị sản phẩm một cách hiện đại hơn. Chắc chắn là có, vì điều này đã được thiết kế để dành cho Shop Online luôn được hiển thị hiện đại nhất trong các trường hợp yêu cầu.
+ Cách hiển thị sản phẩm mà chúng ta muốn đề cập đến đó là hiển thị sản phẩm dạng Danh Sách (Bảng các sản phẩm của Cửa hàng)
+ So với cách hiển thị mặc định ban đầu thì cách hiển thị dạng Danh Sách rất tốt khi cần xem nhiều sản phẩm một lúc và chỉ có thời gian để duyệt qua tất cả các sản phẩm. Nó Hữu ích vì giúp người xem dễ tìm thông tin hơn.
Cách hiển thị sản phẩm dạng lưới (Product grid view) thì cho phép chúng ta xem thường sẽ có tối đa 3 hoặc 4 sản phẩm trên một hàng.
Hình Ảnh 1 :

Cách hiển thị sản phẩm dạng Danh Sách (List view of Products / WooCommerce Product Table) Thì hiển thị bố cục dọc và mỗi sản phẩm sẽ trên một hàng riêng biệt.
Hình Ảnh 2 :

+ Chúng ta thấy rằng WooCommerce đã cung cấp cho chúng ta 2 cách khá hữu hiệu khi tạo cửa hàng : Product grid view và Product list view
Cả 2 cách đều được sử dụng tốt, Với Product Grid View thường được dùng để giới thiệu sản phẩm trên trang giới thiệu sản phẩm; Với Product list view thường cung cấp cách xem chi tiết hơn giúp mô tả đánh giá và xếp hạng sản phẩm dễ hơn.
CHÚNG TA SẼ TẠO DANH SÁCH SẢN PHẨM VỚI WOOCOMMERCE
Để tạo WooCommerce list products view ( Hiển thị sản phẩm dạng danh sách ) chúng ta cần cài thêm Plugin giúp chúng ta thực hiện dễ dàng công việc này. Nhưng nếu bạn yêu thích Coding, thì cũng có thể tự tạo ra mã lập trình theo cách riêng của bạn.
Chúng ta cần cài đặt (Woo Product Table) Product Table plugin. Đây là Plugin sẽ giúp chúng tạo ra cách hiển thị dạng Danh Sách, với các Filters cần thiết.
BƯỚC 1 : Tiến hành cài đặt Plugin
Thực hiện Truy cập Dashboard >> Plugins >> Add New
Tìm kiếm & Cài Đặt Plugin chúng ta cần : Woo Product Table
Hình Ảnh 3 :

BƯỚC 2 : Tạo một WooCommerce Product Table
Thực hiện truy cập Dashboard >> Woo Product Table >> Add New
Tại đây, chúng ta tạo một Product Table đầu tiên để giúp hiển thị Sản Phẩm dưới dạng Danh Sách. Chúng ta sẽ có thể hiển thị tất cả các Sản phẩm dưới dạng Danh Sách thật dễ dàng.
Hình Ảnh 4 :

Khi tạo một WooCommerce Product Table, Bạn sẽ được cung cấp một Shortcode để có thể hiển thị Danh Sách sản phẩm đã tạo trên các Page hoặc Post. Thật đơn giản chỉ cần sử dụng Shortcode và hiển thị những gì muốn.
Hình Ảnh 5 : Hiển Thị Danh Sách Sản Phẩm trên Page & Hãy Publish Page

TIẾP THEO :
Plugin Woo Product Table cho phép chúng ta có nhiều tính năng kéo thả, cũng như hỗ trợ tạo câu lệnh truy vấn đơn giản mà không cần phải có kỹ năng lập trình. Cách này thực sự tiết kiệm được nhiều thời gian.
Hình Ảnh 6 : Kéo thả các thành phần với Woo Product Table

Hình Ảnh 7 : Tạo Câu Lệnh truy vấn đơn giản nhất & giúp phân trang

Hình Ảnh 8 : Danh Sách Sản Phẩm / WooCommerce List View Products

Thật đơn giản để có được kết quả làm việc !
Như vậy, đã có thể tạo thành công cách hiển thị Sản Phẩm dưới dạng Danh Sách rất hữu hiệu. Đây là cách mà bạn có thể tuỳ chỉnh với nhiều lựa chọn. Tất nhiên, nếu bạn muốn tự tạo ra chức năng này thì bạn cũng có thể lập trình mã để có được chức năng như ý muốn. Không khó khi bạn muốn tạo ra các sản phẩm ưng ý, chỉ cần tạo ra các tiện ích để có thể sử dụng trên Website và điều đó sẽ giúp bạn phát triển các kế hoạch khác.