Người Viết : ViKiMi Editor

Tuỳ Chỉnh bộ lọc Sản Phẩm / Product Filter với Trang Shop của WooCommerce dễ dàng !
Bạn có một Shop Online xây dựng trên nền tảng thương mại điện tử WooCommerce. Tất cả đều ổn, thực sự cần thêm một bộ lọc các sản phẩm cho cửa hàng. Một bộ lọc sẽ khiến Shop Online của bạn trở nên chuyên nghiệp hơn. Nếu bạn nghĩ về vấn đề nên sử dụng cách nào để Customize nhanh chóng và đạt hiệu quả? Chắc chắn là một Plugin có chất lượng.
Chắc chắn không thể còn cách nào hiệu quả và nhanh như sử dụng một Plugin miễn phí và đạt yêu cầu.
Bạn chỉ cần tìm một Plugin cho phép bạn làm điều này.
Và WBW Product Filter có thể là một lựa chọn như vậy. Đây là một Plugin đơn giản dễ sử dụng, cũng phù hợp cho WooCommerce.
Nói về khả năng dễ sử dụng thì đây quả là một Plugin đáng để ý.
Vậy nếu khi thêm một Filter tới Shop của bạn nó có lợi gì :
+ Bạn sẽ tạo một giao diện tốt hơn
+ Cho phép khách hàng tìm sản phẩm họ mong muốn
+ Tăng khả năng cung cấp các chức năng phù hợp
+ Tạo Menu chuẩn cho thiết kế etc…
+ Giúp Shop của bạn bổ sung một Filter hữu ích không thể bỏ qua
CÁC BƯỚC CÀI ĐẶT VÀ SỬ DỤNG PLUGIN NÀY
Bước 1 : Thực hiện cài đặt và kích hoạt
Hãy truy cập Dashboard >> Plugins >> Add New
Tìm kiếm WBW Product Filter và tiến hành Cài đặt và Active
Hình Ảnh :

Bước 2 : Tiến hành thiết lập Product Filter
Sau kích hoạt Plugin, bạn hãy tiến hành thiết lập các Filter cần thiết để hiển thị chúng trên Sidebar của Shop.
Tất nhiên, chúng ta chỉ có thể giúp Filter này hiển thị trên Sidebar vì Plugin chúng ta đang sử dụng chỉ cung cấp Widgets cho phép chúng ta kéo thả nó vào Sidebar của Shop.
Vậy hãy tiến hành thiết lập Product Filter để kéo thả nó lên Sidebar.
Hãy truy cập Dashboard >> WBW Product Filter
+ Chúng ta có giao diện sử dụng :
Hình Ảnh :

Công việc tiếp theo đó là tạo một Filter mong muốn.
Bằng cách chọn Add New Filter
Chọn Filter bạn muốn thêm vào và chọn Add.
– Tại đây, chúng ta sẽ chọn cái đầu tiên là Price.
Thực hiện thêm mới Filter đầu tiên :
Hình Ảnh :


–
Tiếp
theo, chọn Attribute. Và tương tự cho các Filter khác bạn muốn thêm vào cho
Shop Online.
Thêm mới các
thông tin cần thiết :
Hình Ảnh :

– Cuối cùng, chọn Save để lưu Filter bạn vừa tạo ra.
Như vậy bạn đã có Product Filter cho Shop Online của bạn.
Công việc tiếp theo và kéo thả nó vào Sidebar để sử dụng.
Bước 3 : Kéo thả Widgets vào Sidebar
Thực hiện truy cập Dashboard >> Appearance >> Widgets
Chúng ta sẽ thấy Widgets vừa được tạo ra. Đây là Widgets do Plugin WBW Product Filter tạo ra khi bạn thiết lập Filter ở bước trên.
Hình Ảnh :

Công việc là kéo thả vào Sidebar và kiểm tra nó hiển thị trên Shop Oline của bạn. Thật đơn giản để có thể lọc các sản phẩm của bạn và không tốn thời gian. Hiệu quả hoàn toàn ổn cho Shop Online mà bạn phát triển.
Sử dụng cách Filter các sản phẩm như vậy sẽ tiết kiệm được thời gian và chi phí phát triển Shop Online.
Hình Ảnh :

Bạn cũng có thể thêm đoạn CSS sau đây để thêm hiệu quả hiển thị :
.wpfFilterButton.wpfButton, .wpfClearButton.wpfButton {
background-color: coral;
padding: 5px;
align-items: center;
min-height: 52px;
border-radius: 4px;
font-size: 17px;
text-decoration: none !important;
text-align: center;
text-transform: uppercase;
transition: all 0.2s;
white-space: normal;
cursor: pointer;
border: none;
font-weight: bold;
outline: none;
}