Cách hiển thị sản phẩm đã được thêm vào giỏ hàng trong WooCommerce

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

Dưới đây mình sẽ hướng dẫn một cách ngắn gọn cách để hiển thị sản phẩm đã được thêm vào giỏ hàng WooCommerce.

cách hiển thị sản phẩm đã được thêm vào giỏ hàng Woocommerce

Làm thế nào để hiển thị sản phẩm đã được thêm vào giỏ hàng WooCommerce

Bạn chỉ cần lấy một đoạn mã hiển thị bên dưới và dán vào tệp functions.php hoặc sử dụng plugin Code Snippets. Điều này cho phép bạn thêm các đoạn mã tùy chỉnh của riêng mình mà không bị mất chúng sau khi cập nhập theme.

Bước 1: Cài đặt Code Snippets Plugin

Sau khi cài đặt và kích hoạt nó, bạn sẽ thấy menu Snippets ở bên trái. Nhấp vào “Add New”.

code snippets plugin

Bước 2: Chèn mã

Bây giờ, hãy sao chép mã ở đây bên dưới và dán vào hộp mã của Code Snippets. Chọn “Only run on site front-end” và nhấn vào nút “Save Changes and Activate”.

// Change button for single products
add_filter( 'woocommerce_product_single_add_to_cart_text', 'already_in_cart_single_product' );
function already_in_cart_single_product( $label ) {
	foreach ( WC()->cart->get_cart() as $cart_item_key => $values ) {
		$product = $values['data'];
		if ( get_the_ID() == $product->get_id() ) {
			$label = __( 'Sản phẩm đã ở trong giỏ hàng. Tiếp tục thêm?', 'woocommerce' );
		}
	} 
	return $label;
}

// Change button for archive page products
add_filter( 'woocommerce_product_add_to_cart_text', 'already_in_cart_archive_product', 99, 2 );
function already_in_cart_archive_product( $label, $product ) {
	if ( $product->get_type() == 'simple' && $product->is_purchasable() && $product->is_in_stock() ) {
		foreach ( WC()->cart->get_cart() as $cart_item_key => $values ) {
			$_product = $values['data'];
			if ( get_the_ID() == $_product->get_id() ) {
				$label = __( 'Sản phẩm đã ở trong giỏ hàng. Tiếp tục thêm?', 'woocommerce' );
			}
		}
	}
	return $label;
}

Tiếp theo, truy cập cửa hàng và trang danh sách sản phẩm, xác minh xem mọi thứ có hoạt động như bình thường không. Nếu mọi thứ đều ổn thì kết quả cuối cùng sẽ như bên dưới.

hiển thị sản phẩm được thêm vào giỏ hàng

Lời kết

hocwordpress hi vọng với tip nho nhỏ này, bạn có thể hiển thị sản phẩm đã có trong giỏ hàng 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

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

Hướng dẫn chuyển từ HTTP sang HTTPs chi tiết nhất

Hướng dẫn chuyển từ HTTP sang HTTPs chi tiết nhất

16 - 08 - 2022

Chuyển từ HTTP sang HTTPs là một điều gần như bắt buộc cho các website WordPress hiện nay. Chuyển...

Cấu hình SMTP trong WordPress mà không sử dụng plugin

Cấu hình SMTP trong WordPress mà không sử dụng plugin

26 - 05 - 2022

Đôi khi, bạn không muốn cài nhiều plugin vì lý do bảo mật. Vì vậy bạn có thể tự...

Hướng dẫn custom Bảng tin trong admin WordPress

Hướng dẫn custom Bảng tin trong admin WordPress

11 - 05 - 2022

Bạn có nghĩ rằng bảng tin trong admin WordPress thật lộn xộn và có nhiều phần không cần thiết...

Cách đặt hình ảnh đại diện mặc định trong WordPress

Cách đặt hình ảnh đại diện mặc định trong WordPress

08 - 05 - 2022

Bạn có muốn đặt hình ảnh đại diện mặc định trong WordPress không? Nhiều theme sử dụng hình ảnh đại...

Hiển thị ngày đăng ký của người dùng vào trang tất cả người dùng

Hiển thị ngày đăng ký của người dùng vào trang tất cả người dùng

06 - 05 - 2022

Giả sử rằng có một cuộc tấn công spam vào trang web của bạn. Có gần 50 người dùng...

Làm việc với DateTime trong WordPress

Làm việc với DateTime trong WordPress

04 - 05 - 2022

Một năm trước, mình phát triển một plugin liên quan đến thời gian biểu. Và mình sớm nhận ra...

0
Would love your thoughts, please comment.x