Người Viết : ViKiMi Editor
Thực hiện Xoá Bộ lọc mặc định sản phẩm của WooCommerce / Remove default product filter
WooCommerce cung cấp cho chúng ta một bộ lọc sản phẩm mặc định không được bắt mắt. Có thể nói bộ lọc như vậy khiến cho Shop Online đã kém bắt mắt đi nhiều. Buộc lòng chúng ta muốn có một bộ lọc sản phẩm phù hợp hơn, nhu cầu đó được cung cấp một cách rất tốt từ những Plugin miễn phí. Thậm chí chúng ta có thể tự phát triển một bộ lọc như mong muốn.
+ Vậy chúng ta cần làm gì khi bộ lọc của mặc định quá lỗi thời.
Một vấn đề không có quá nhiều bận tâm khi chúng ta muốn có một cách hài hoà cho quyết định của mình. Chúng ta có thể loại bỏ hoặc chọn một cách Customize phù hợp. Quá đơn giản nếu bạn sử dụng ‘tax-query’, nhưng thật tốn thời gian cho công việc tuỳ chỉnh.+ Cách đơn giản chúng ta chỉ cần lựa chọn xoá đi bộ lọc mặc định.
Chúng ta thấy rằng tại file :
wp-content/ plugins/ woocommerce/ templates >> archive-product.php
Có chứa mã Code cho bộ lọc mặc định như sau (Tại phần bôi đỏ):
<?php
if ( woocommerce_product_loop() ) {
/**
* Hook: woocommerce_before_shop_loop.
*
* @hooked woocommerce_output_all_notices – 10
* @hooked woocommerce_result_count – 20
* @hooked woocommerce_catalog_ordering – 30
*/
do_action( ‘woocommerce_before_shop_loop’ );
woocommerce_product_loop_start();
if ( wc_get_loop_prop( ‘total’ ) ) {
while ( have_posts() ) {
the_post();
/**
* Hook: woocommerce_shop_loop.
*/
do_action( ‘woocommerce_shop_loop’ );
wc_get_template_part( ‘content’, ‘product’ );
}
}
?>
Như vậy, thật đơn giản để chúng ta có cách xử lý xoá phần Bộ Lọc Sản Phẩm mặc định của WooCommerce. Xoá bộ lọc mặc định sẽ đem lại cho chúng ta có một giao diện mới đẹp mắt hơn.
Vậy chúng ta cần làm gì để hoàn thành việc này.
Hãy mở file Function.php của Theme kích hoạt và chỉnh sửa. Tuy nhiên, nếu bạn có sủ dụng Child Theme thì điều đó thật tốt, bạn có thể thực hiện tại Child Theme để đảm bảo những cập nhật Theme của bạn luôn ổn định và không bị mất mã lập trình.
Mở Function.php và thêm Code xoá Product Filter mặc định của WooCommercer :
/* * Remove Default Product Filter in WooCommerce * */ remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );
Chúng ta đã xoá thành công Bộ lọc sản phẩm mặc định cung cấp của WooCommerce. Giao diện của WooCommerce Shop đã đẹp mắt hơn và tất nhiên là bạn đừng quên sử dụng một Plugin cung cấp khả năng Bộ lọc sản phẩm để đảm bảo giao diện tốt nhất. Hoặc bạn cũng có thể tự tạo cho mình một Bộ lọc sản phẩm theo cách riêng nếu cần.
Thật tốt khi có một Bộ lọc sản phẩm đẹp mắt và ứng ý.
