Xoá, đổi tên, thay đổi vị trí tính năng sắp xếp sản phẩm trong WooCommerce

Ngày đăng: 07 - 04 - 2022 Lượt xem: 120 lượt

Bạn có nhu cầu muốn xoá, đổi tên, thay đổi vị trí của tính năng sắp xếp trong WooCommerce. Bài viết này sẽ hướng dẫn bạn tất tần tật về tính năng đó.

Xoá các tuỳ chọn sắp xếp

xoá tuỳ chọn sắp xếp sản phẩm

Để xoá được các tuỳ chọn, mình sẽ sử dụng đến filter hook của WooCommerce woocommerce_catalog_orderby. Hãy thêm đoạn code bên dưới này vào file functions.php nhé.

add_filter( 'woocommerce_catalog_orderby', 'hk_remove_sorting_options' );
function hk_remove_sorting_options( $options ){
	unset( $options[ 'popularity' ] );
	//unset( $options[ 'menu_order' ] );
	//unset( $options[ 'rating' ] );
	//unset( $options[ 'date' ] );
	//unset( $options[ 'price' ] );
	//unset( $options[ 'price-desc' ] );

	return $options;
}

Đoạn code trên cũng đã khá rõ ràng. Để xoá giá trị theo nhu cầu của bạn, hãy mở comment code bằng cách xoá kí tự //.

  • popularity: Mức độ phổ biến
  • menu_order: Giá trị mặc định
  • rating: Điểm đánh giá
  • date: Mới nhất
  • price: Giá thấp đến cao
  • price-desc: Giá cao xuống thấp

Đổi tên các tuỳ chọn sắp xếp

Ở phần này, mình cũng sử dụng cùng hook của WooCommerce giống với phần trên đó là hook woocommerce_catalog_orderby. Hãy xem đoạn code bên dưới này của mình nhé.

add_filter( 'woocommerce_catalog_orderby', 'hk_rename_sorting_options' );

function hk_rename_sorting_options( $options ){
	$options[ 'price' ] = 'Giá thấp lên cao nè';
	return $options;
}

Tương tự như phần trên, bạn có thể tự thêm các thay đổi cho mình bằng các option popularity, menu_order, rating, date, price, price-desc.

Đây là kết bạn mà mình đạt được sau khi dán đoạn code trên vào file functions.php.

đổi tên tuỳ chọn sắp xếp sản phẩm

Thay đổi thứ tự các tuỳ chọn sắp xếp

Để thay đổi được thứ tự của các tuỳ chọn sắp xếp, việc mình cần làm là phải định nghĩa lại cả biến array của WooCommerce.

add_filter( 'woocommerce_catalog_orderby', 'hk_change_sorting_options_order', 5 );

function hk_change_sorting_options_order( $options ){

	$options = array(
		'menu_order' => __( 'Default sorting', 'woocommerce' ),
		'price'      => __( 'Sort by price: low to high', 'woocommerce' ),
		'date'       => __( 'Sort by latest', 'woocommerce' ),
		'popularity' => __( 'Sort by popularity', 'woocommerce' ),
		'rating'     => __('Sort by average rating', 'woocommerce' ),
		
	);

	return $options;

}

Vì ở trường hợp này, mình đang định nghĩa lại biến của WooCommerce. Nên không chỉ là sắp xếp, bạn có thể xoá hoặc đổi tên các tuỳ chọn ở đây.

Lời kết

Mình hi vọng bài viết trên sẽ phần nào hỗ trợ bạn tốt hơn trong việc thay đổi giao diện website theo nhu cầu của bạn.

Nếu bài viết này hữu ích và giúp tiết kiệm được thời gian của bạn, hãy giúp mình chia sẻ nó. Ngoài ra nếu bạn quan tâm đến các chủ đề tương tự như vậy, hãy đọc các bài viết Thủ thuật WordPress khác và follow Fanpage để không bỏ lỡ bài viết mới từ mình nhé.

0 0 votes
Đánh giá bài viết

guest
0 Góp ý
Inline Feedbacks
View all comments

Bài viết liên quan

Tạo tab mới trong trang sản phẩm WooCommerce

Tạo tab mới trong trang sản phẩm WooCommerce

24 - 04 - 2022

Theo mặc định, WooCommerce chỉ hỗ trợ những tab cơ bản như mô tả, thông tin thêm, đánh giá. Vậy...

Làm thế nào để giỏ hàng tự động cập nhật khi thay đổi số lượng sản phẩm

Làm thế nào để giỏ hàng tự động cập nhật khi thay đổi số lượng sản phẩm

22 - 04 - 2022

Bạn có từng nghĩ rằng, sẽ tốt hơn nếu giỏ hàng tự động cập nhật khi thay đổi số...

Tạo nhãn mới và nổi bật cho sản phẩm WooCommerce

Tạo nhãn mới và nổi bật cho sản phẩm WooCommerce

18 - 04 - 2022

Theo mặc định, WooCommerce chỉ hiện nhãn cho sản phẩm hết hàng và đang được giảm giá. Nhưng nếu...

Cách xoá dữ liệu WooCommerce sau khi gỡ cài đặt

Cách xoá dữ liệu WooCommerce sau khi gỡ cài đặt

02 - 03 - 2022

Bạn muốn loại bỏ dữ liệu WooCommerce ra khỏi trang web? Nếu bạn chỉ gỡ cài đặt plugin và...

Cách ẩn phạm vi giá cho các sản phẩm biến thể trong WooCommerce

Cách ẩn phạm vi giá cho các sản phẩm biến thể trong WooCommerce

12 - 12 - 2021

Bạn đang tìm cách ẩn phạm vi giá cho các sản phẩm biến thể trong WooCommerce? Theo mặc định, giá...

Làm thế nào để ẩn nút Thêm vào giỏ hàng hoặc Giá của WooCommerce cho người dùng chưa đăng nhập?

Làm thế nào để ẩn nút Thêm vào giỏ hàng hoặc Giá của WooCommerce cho người dùng chưa đăng nhập?

04 - 11 - 2021

Mình sẽ hướng dẫn cách ẩn nút Thêm vào giỏ hàng hoặc Giá sản phẩm của WooCommerce có điều...

0
Would love your thoughts, please comment.x