Để cho giao diện website thêm phong phú, thuận tiện cho việc điều hướng của người dùng thì chắc chắn không thể nào sử dụng các widget để chèn vào sidebar của giao diện. Trong WooCommerce, nó bao gồm sẵn một vài widget có ích mà nếu bạn ứng dụng nó linh hoạt sẽ có thể hiển thị sản phẩm hoặc các chức năng liên quan tới cửa hàng tốt hơn.
1. Sử dụng widget
Cách sử dụng widget của WooCommerce cũng giống như cách sử dụng các widget khác, đó là bạn sẽ kéo nó vào sidebar của theme để hiển thị. Thiết lập tại mục Giao diện -> Widget.
2. Danh sách các widget của WooCommerce
- WooCommerce Cart – Hiển thị giỏ hàng mini, khi thêm sản phẩm nó sẽ liệt kê các sản phẩm có trong giỏ hàng.
- WooCommerce Layered Nav – Bạn nên hiểu đơn giản là bộ lọc sản phẩm theo thuộc tính trong sản phẩm chứa biến thể. Widget này chỉ có thể hiển thị trong trang Cửa hàng (trang lưu trữ cho sản phẩm).
- WooCommerce Layered Nav Filters – Hiển thị các thuộc tính mà bạn đang lọc xem sản phẩm với widget WooCommerce Layered Nav, mục đích là cho khách hàng biết họ đang lọc thuộc tính nào để bỏ nó.
- WooCommerce Price Filter – Hiển thị một slide chọn khoảng giá để xem sản phẩm. Ví dụ bạn có thể xem sản phẩm có giá từ 1.000.000 đến 5.000.000, giá trị lớn nhất sẽ dựa vào sản phẩm có giá cao nhất. Widget này chỉ có thể hiển thị trong trang Cửa hàng (trang lưu trữ cho sản phẩm).
- WooCommerce Product Categories – Hiển thị danh sách các danh mục sản phẩm có trong website.
- WooCommerce Products – Hiển thị danh sách sản phẩm trong cửa hàng, bạn có thể tùy chọn số lượng sản phẩm hiển thị, hiển thị sản phẩm nổi bật, hiển thị sản phẩm giảm giá và sắp xếp hiển thị (theo thời gian, ngẫu nhiên, bán chạy và giá).
- WooCommerce Product Search – Hiển thị hộp tìm kiếm và chỉ tìm kiếm sản phẩm.
- WooCommerce Product Tags – Hiển thị các từ khóa sản phẩm theo định dạng đám mây.
- Woocommerce Recent Reviews – Hiển thị các đánh giá trong sản phẩm mới nhất, kèm theo số lượng ngôi sao đánh giá.
3. Hướng dẫn một số widget tiêu biểu
3.1. WooCommerce Layered Nav Filters
Trước tiên bạn nên nhớ rằng widget này chỉ hiển thị khi bạn xem trang cửa hàng, các trang còn lại sẽ không hiển thị ra bao gồm các trang danh mục sản phẩm và từ khóa sản phẩm. Bạn hãy thêm nó vào sidebar nào đó mà nó sẽ hiển thị ở trang cửa hàng. Ở bài sau mình sẽ nói qua WooSidebars để tạo ra thêm sidebar thay thế cho từng trang.
Khi mở tùy chọn widget này ra chúng ta có một số tùy chọn sau:
- Tiêu đề: Tiêu đề hiển thị của widget ở bên ngoài.
- Thuộc tính: Chọn thuộc tính cần lọc sản phẩm, ở đây nó sẽ hiển thị slug của thuộc tính nên không có dấu.
- Kiểu hiển thị: Tùy chọn cách hiển thị chỉ dẫn, thường là dùng Danh sách sẽ đẹp hơn.
- Kiểu truy vấn:
- VÀ: Chỉ hiển thị các sản phẩm có thuộc tính khớp với tùy chọn của bạn. Ví dụ bạn chọn màu Đỏ và Đen thì ở truy vấn VÀ nó chỉ hiển thị sản phẩm có hai thuộc tính Đỏ và Đen.
- HOẶC: Hiển thị sản phẩm có nhiều hoặc một thuộc tính mà bạn đang chọn.
3.2. WooCommerce Products
Widget này sẽ thường được sử dụng vì nó hỗ trợ nhiều cách hiển thị sản phẩm rất tốt (ngoại trừ xem sản phẩm theo danh mục hoặc từ khóa). Nó có một số tùy chọn như:
- Tiêu đề: Tiêu đề hiển thị của widget bên ngoài giao diện.
- Số sản phẩm được hiển thị: Tùy chỉnh số lượng sản phẩm tối đa sẽ được hiển thị ra bên ngoài.
- Hiển thị:
- Tất cả sản phẩm – Hiển toàn bộ sản phẩm theo thứ tự sắp xếp được tùy chỉnh phía dưới.
- Sản phẩm nổi bật – Hiển thị toàn bộ sản phẩm nổi bật theo thứ tự được tùy chỉnh phía dưới.
- Sản phẩm giảm giá – Hiển thị toàn bộ sản phẩm giảm giá theo thứ tự được tùy chỉnh phía dưới.
- Sắp xếp theo:
- Ngày – Sắp xếp sản phẩm theo thứ tự ngày tháng.
- Giá – Sắp xếp sản phẩm theo giá.
- Ngẫu nhiên – Sắp xếp sản phẩm theo kiểu ngẫu nhiên.
- Doanh số – Sắp xếp sản phẩm theo doanh số bán hàng.
- Order (phải ghi là Sắp xếp mới đúng, ai dịch thành Đơn hàng mới ghê):
- Giảm – Sắp xếp sản phẩm theo thứ tự giảm dần.
- Tăng – Sắp xếp sản phẩm theo thứ tự tăng dần.
===============
Bạn cũng có thể tham khảo thêm nhiều bài viết hướng dẫn về WordPress tại đây
Ngoài ra PA Việt Nam cung cấp đa dạng các Plan Hosting WordPress đáp ứng yêu cầu của khách hàng
WordPress Hosting phổ thông
WordPress Hosting chất lượng cao
WordPress VIP
Tham khảo các ưu đãi: https://www.pavietnam.vn/vn/tin-khuyen-mai/