Plugins lọc thuộc tính sản phẩm Facetwp
Plugins lọc thuộc tính sản phẩm Facetwp – Advanced Filtering for WordPress , như các bạn đã biết nếu chúng ta làm ra 1 trang website bán hàng thì khi chúng ta có hàng ngàn sản phẩm và cách thuộc tích sản phẩm khách nhau để khi khách hàng tối ưu sản phẩm họ muốn tìm thì Plugins lọc thuộc tính sản phẩm Facetwp – Advanced Filtering for WordPress sẽ cung cấp cho chúng ta 1 cách đầy đủ .
Facetwp – Advanced Filtering là gì ?
FacetWP là một plugin lọc nâng cao cho WordPress cho phép bạn thêm tìm kiếm theo từng khía cạnh vào các trang WooCommerce, trang danh sách, trang tài nguyên, trang tìm kiếm, thuộc tính sản phẩm màu sắc và giá tiền ..
Tính năng Facetwp – Advanced Filtering
- Tìm kiếm theo khía cạnh thực sự
- Lọc thông minh
- Sử dụng dữ liệu hiện có trên trang web của bạn để lọc
- Hỗ trợ tất cả các loại bài đăng
- Hỗ trợ tất cả các đơn vị phân loại
- Hỗ trợ các trường tùy chỉnh
- Tích hợp sẵn với Trường tùy chỉnh nâng cao (ACF)
- Tích hợp với plugin Meta Box
- Hỗ trợ các thuộc tính và biến thể sản phẩm WooCommerce
- Hỗ trợ tìm kiếm các SKU WooCommerce và meta sản phẩm khác
- Hỗ trợ các thuộc tính bài đăng (tiêu đề, ngày đăng, tác giả bài đăng, v.v.)
- Rất nhiều tùy chọn giao diện người dùng
- Thực hiện dễ dàng
- Dựa trên Ajax cho tốc độ
- Không có trang nào được làm mới
- Hỗ trợ Beaver Builder
- Lọc kết quả theo màu sắc
- Thời gian kể từ khi lọc
- Lọc kết quả theo chữ cái đầu tiên
- Logic có điều kiện
- Chọn thứ bậc
- Danh sách phạm vi
- Bản đồ khía cạnh
- Tích hợp SearchWP
- Tích hợp Relevanssi
- Tích hợp WooCommerce
- Tích hợp Tải xuống kỹ thuật số dễ dàng
- Tích hợp Trình quản lý công việc WP
- Tích hợp Meta Box
- Tích hợp polylang
- Tích hợp WPML
Kết hợp sử dụng hiệu quả với 2 Plugin
1.Bộ lọc sản phẩm Plugin WooCommerce
Hãy quay lại điểm thứ hai về việc gói nội dung của chúng ta trong một lớp CSS để chúng ta có thể sử dụng chúng với WooCommerce . Điều này có nghĩa là chúng ta cần một phần tử trong mã nguồn trang bao bọc hoặc bao bọc toàn bộ danh sách các mục đang được lọc. Điều này cho phép FacetWP thao tác với danh sách đó để hiển thị kết quả của bộ lọc khi cần thiết.
Để thêm lớp CSS này, yêu cầu bạn phải chỉnh sửa mẫu cửa hàng của mình để lớp này hiện diện. FacetWP có một video hướng dẫn bạn cách thực hiện việc này với WooCommerce , nhưng ý chính cơ bản của nó là thêm <div class="facetwp-template">
phía trên dòng này trong mẫu lưu trữ sản phẩm của bạn và </div>
bên dưới dòng này trong mẫu lưu trữ sản phẩm của bạn.
Nếu bạn không biết cách ghi đè đúng cách mẫu lưu trữ và thực hiện những thay đổi này, bạn cũng có thể sử dụng một chút mã để thực hiện việc này cho bạn, nó sẽ hoạt động với hầu hết các chủ đề (Tôi thích thêm mã như thế này bằng cách sử dụng plugin Code Snippets // wrap WooCommerce content with a FacetWP template so we can filter product results
function fwp_product_facets_begin() { echo '<div class="facetwp-template">'; } add_action( 'woocommerce_before_main_content', 'fwp_product_facets_begin' ); // end the WooCommerce content FacetWP wrapper function fwp_product_facets_end() { echo '</div>'; } add_action( 'woocommerce_after_main_content', 'fwp_product_facets_end' );
Bạn cũng có thể liên hệ với bộ phận hỗ trợ FacetWP nếu bạn cần một số hướng dẫn về vấn đề này trong khi thiết lập.
- Bây giờ khi chúng tôi xuất một bộ lọc với
[facetwp]
mã ngắn của chúng tôi, nó sẽ (1) được hiển thị khi các sản phẩm đang được xem và (2) thực sự làm điều gì đó với danh sách sản phẩm đó khi bộ lọc được điều chỉnh. - Hãy thêm một khía cạnh cụ thể của sản phẩm và kiểm tra nó! Tôi sẽ sử dụng thuộc tính “Màu sắc” mà tôi đã thêm trong Sản phẩm> Thuộc tính và tôi đã thêm một số màu vào sản phẩm của mình.
- Tôi sẽ chọn một hộp kiểm để khách hàng có thể lọc theo nhiều màu cùng một lúc và tôi sẽ sử dụng hành vi “Mở rộng tập kết quả” để nếu nhiều màu được chọn, các sản phẩm được hiển thị chỉ phải có một màu, không tất cả các màu được chọn (về cơ bản nó thay đổi logic giữa ‘AND’ hoặc ‘OR’ cho danh sách).
Đã tạo khía cạnh! Bây giờ tôi sẽ sử dụng một tiện ích văn bản để xuất bộ chọn khía cạnh trong thanh bên.
Và cuối cùng, vì tôi đã đặt sẵn đoạn mã cùng với các mã ngắn thuộc khía cạnh của mình, tôi sẽ có một bộ lọc có thể sử dụng cho danh sách sản phẩm của mình trên giao diện người dùng:
Duyệt các bộ sản phẩm lớn đã ngay lập tức được cải thiện với các bộ lọc này.
2.Plugin Easy Digital Downloads
Chúng tôi cũng có thể kích hoạt các khía cạnh cho danh sách “Downloads” với Digital Downloads. Có một hướng dẫn EDD trong tài liệu FacetWP mà bạn có thể làm theo nếu muốn.
Tuy nhiên, vì danh sách tải xuống hầu như luôn được xuất ra bằng [downloads]shortcode , chúng tôi có thể thực hiện một số chiến thuật ở đây để đảm bảo các khía cạnh hoạt động (chọn một phương pháp):
- Luôn bọc shortcode tải xuống bằng một div bằng cách sử dụng lớp CSS
<div class="facetwp-template">[downloads columns="2" number="4"]</div>
2. Hoặc, thêm một đoạn mã nhỏ để tự động thêm lớp này vào lớp tải xuống để bạn không phải làm điều đó
// add FacetWP template class to the [downloads] shortcodefunction fwp_downloads_facets_begin( $classes ) {$classes .= ' facetwp-template ';return $classes; } add_filter( 'edd_downloads_list_wrapper_class', 'fwp_downloads_facets_begin' );
Khi bạn đã thêm đoạn mã vào trang web của mình và thêm lại [facetwp]
mã ngắn vào tiện ích văn bản, bạn sẽ thấy các thẻ Tag của mình có sẵn cho danh sách bạn muốn xem .
Điều này sẽ cho phép khách hàng của bạn lọc các lượt tải xuống bằng các Thẻ Taf của bạn để có được danh sách chính xác những gì họ đang tìm kiếm.
Giá của Plugin Facetwp – Advanced Filtering for WordPress
Nguyenthaimmo
Education Advisor and Marketing Coordinator tại Học viện Hướng nghiệp Việt Nam.Team Leader tại Nguyenthaimmo