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?

Ngày đăng: 04 - 11 - 2021 Lượt xem: 53 lượt

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 kiện. Ví dụ: bạn sẽ có thể xóa nút thêm vào giỏ hàng và giá chỉ cho người dùng chưa đăng nhập. Tất cả điều này bạn có thể thực hiện mà không cần bất kỳ plugin nào. Cùng tìm hiểu thôi!

ẩn nút thêm vào giỏ hàng hoặc giá

Cách ẩn giá của sản phẩm, thay thế nút Thêm vào giỏ hàng bằng nút “Đăng nhập để xem giá” cho người dùng chưa đăng nhập

Trước tiên, hãy xem cách hiển thị giá và nút thêm vào giỏ hàng cho người dùng đã đăng nhập theo cách “Đăng nhập để xem giá”.

đăng nhập để xem giá

Sau đó, bạn hãy nhập dán doạn code dưới đây vào file function.php của theme hoặc child theme:

add_action( 'init', 'show_price_for_logged_in_users' );

function show_price_for_logged_in_users() {
	if ( ! is_user_logged_in() ) {
		remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
		remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
		remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
		remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );
		add_action( 'woocommerce_single_product_summary', 'user_mesage', 31 );
		add_action( 'woocommerce_after_shop_loop_item', 'user_mesage', 11 );
	}
}
function user_mesage() {
   	echo '<a class="button" href="' . get_permalink( wc_get_page_id('myaccount') ) . '">' . __('Đăng nhập để xem giá', 'woocommerce') . '';
}

Sau đó, kết quả sẽ được hiển thị giống như ảnh chụp màn hình bên dưới.

kết quả thực tế đăng nhập xem giá

Cách ẩn nút thêm vào giỏ hàng của sản phẩm cho người dùng chưa đăng nhập?

kết quả

Bây giờ, có thể bạn không muốn ẩn giá mà chỉ cần ẩn nút thêm vào giỏ hàng. Đừng lo vì nó cũng dễ dàng để thực hiện. Chỉ cần dán đoạn code này vào bên trong file function.php của theme hoặc child theme.

function catalogue_mode_for_logged_out_users() {
	$isLoggedIn = is_user_logged_in();
	if ( false == $isLoggedIn ) {
	    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );	
	}
}
add_action( 'wp', 'catalogue_mode_for_logged_out_users' );

// Makes add to available for logged in users
add_filter( 'woocommerce_is_purchasable', 'keep_add_to_cart_button', 10, 2 );
function keep_add_to_cart_button( $is_purchasable, $product ) {
	$isLoggedIn = is_user_logged_in();
	if ( true == $isLoggedIn ) {
		return true;
	}
	return false;
}

Lưu và kích hoạt và nếu mọi thứ đều ổn, thì đây sẽ là kết quả cuối cùng.

Ẩn nút thêm vào giỏ hàng với người dùng chưa đăng nhập

Lời kết

Như vậy bạn đã biết cách ẩn nút Thêm vào giỏ hàng hoặc Giá của WooCommerce.

Nếu các bạn thấy hay có thể theo dõi chuyên mục WordPress cơ bản để biết thêm nhiều kiến thức mới nha.

Hãy follow fanpage để nhận được những bài viết mới nhất nhé : Hocwordpress Group

5 1 vote
Article Rating

guest
0 Comments
Inline Feedbacks
View all comments

Bài viết liên quan

Hợp nhất giỏ hàng WooCommerce và trang thanh toán chỉ với 4 bước đơn giản.

Hợp nhất giỏ hàng WooCommerce và trang thanh toán chỉ với 4 bước đơn giản.

29 - 09 - 2021

Làm thế nào để hợp nhất giỏ hàng WooCommerce với trang thanh toán? Một số người rất cần hợp nhất...

Hiển thị danh mục sản phẩm woocommerce

Hiển thị danh mục sản phẩm woocommerce

08 - 06 - 2021

Hiển thị danh mục sản phẩm woocommerce như thế nào? Chắc hẳn đôi khi chúng ta muốn tùy chỉnh...

Hiển thị Star Ratings bên dưới giá sản phẩm Woocommerce

Hiển thị Star Ratings bên dưới giá sản phẩm Woocommerce

05 - 06 - 2021

Cách hiển thị star rating woocommerce như thế nào ? Trở ngại lớn nhất với các website bán hàng trực...

Hiển thị ngày dự kiến ​​giao hàng trên trang Sản phẩm

Hiển thị ngày dự kiến ​​giao hàng trên trang Sản phẩm

27 - 04 - 2021

Ngày dự kiến sản phẩm woocommerce như thế nào? Vd thứ Hai trước 16:00 – đoạn mã này được in...

Thay chữ Sale thành % giảm giá trong woocommerce

Thay chữ Sale thành % giảm giá trong woocommerce

19 - 04 - 2021

Thay Sale thành % giảm giá woocommerce? Nhiều khi chúng ta không muốn hiển thị chữ SALE khi sản phẩm...

Thêm tab trong trang sản phẩm WooCommerce

Thêm tab trong trang sản phẩm WooCommerce

15 - 04 - 2021

Thông thường, trong trang sản phẩm của woocommerce sẽ có 3 tabs khác nhau giúp bạn hiển thị các...

0
Would love your thoughts, please comment.x
()
x