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: 55 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
Article Rating

guest
0 Comments
Inline Feedbacks
View all comments

Bài viết liên quan

Cách tắt biểu tượng cảm xúc trong WordPress

Cách tắt biểu tượng cảm xúc trong WordPress

30 - 11 - 2021

Có rất nhiều cách tối ưu hóa và chỉnh sửa hiệu suất web mà bạn có thể thực hiện...

Cách khắc phục lỗi “Cookie bị chặn hoặc xuất ra không mong muốn”

Cách khắc phục lỗi “Cookie bị chặn hoặc xuất ra không mong muốn”

28 - 11 - 2021

Lỗi gặp phải thường là một phần của quá trình phát triển. Trong thời gian đó, bạn sẽ thấy...

Top 5 plugin bảo mật trang Wordpress của bạn

Top 5 plugin bảo mật trang Wordpress của bạn

26 - 11 - 2021

Nếu bạn quản lý một thương hiệu thì sự phổ biến của trang web đó rất quan trọng. Với...

Cách thêm trình xem PDF trong WordPress

Cách thêm trình xem PDF trong WordPress

25 - 11 - 2021

Định dạng PDF phù hợp để sử dụng khi bạn muốn các tệp của mình luôn có cùng một...

Làm thế nào để dọn dẹp hình ảnh WordPress của bạn

Làm thế nào để dọn dẹp hình ảnh WordPress của bạn

22 - 11 - 2021

Bạn đã xem lại thư viện kể từ khi bạn thiết lập trang WordPress của mình chưa? Bạn có...

Cách thêm chú thích vào hình ảnh nổi bật trong WordPress

Cách thêm chú thích vào hình ảnh nổi bật trong WordPress

19 - 11 - 2021

Chú thích rất hữu ích vì chúng bổ sung thông tin cơ bản về hình ảnh bạn sử dụng....

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