Trong hướng dẫn này, chúng ta sẽ xem cách bạn có thể xóa hoặc tắt nút thêm vào giỏ hàng trên cửa hàng WooC Commerce của mình. Chúng tôi sẽ khám phá các phương pháp khác nhau bằng cách sử dụng các giải pháp được tạo sẵn ở dạng plugin hiện có hoặc bằng cách viết các đoạn mã tùy chỉnh của chúng tôi
Khả năng tùy chỉnh là một trong những lợi thế chính mà WooC Commerce có được so với các đối thủ cạnh tranh. Sự kết hợp giữa thư viện plugin WordPress khổng lồ và tiện ích mở rộng WooC Commerce giúp dễ dàng thêm bất kỳ chức năng bổ sung nào vào cửa hàng trực tuyến của bạn. Trong trường hợp không có plugin hiện có hoặc tiện ích mở rộng WooC Commerce có giải pháp cho vấn đề của bạn, bạn luôn có thể viết mã tùy chỉnh của mình. Hoặc thuê ai đó để làm điều đó cho bạn
Nếu bạn đang cố gắng tạo trải nghiệm thân thiện với người dùng hơn trên cửa hàng của mình, bạn có thể muốn xóa nút thêm vào giỏ hàng. Có những tình huống khác nhau khi bạn có thể muốn xóa nút thêm vào giỏ hàng trong WooC Commerce, chẳng hạn như khi bạn muốn
- Sử dụng WooC Commerce làm danh mục
- Tạm thời vô hiệu hóa quy trình mua hàng
- Bỏ qua quá trình thêm vào giỏ hàng và chuyển hướng đến thanh toán
Như thường lệ, có một vài cách tiếp cận khác nhau mà chúng ta có thể thực hiện. Nhưng trước tiên, hãy bắt đầu với giải pháp dễ nhất và nhanh nhất. Tất nhiên, đó là chỉ sử dụng một plugin WordPress chuyên dụng để thực hiện tất cả công việc cho chúng tôi. Tất cả những gì bạn phải làm là 3 bước sau
Cách xóa nút thêm vào giỏ hàng trong WooC Commerce
Để xóa nút thêm vào giỏ hàng trong WooC Commerce
- Truy cập bảng điều khiển WordPress > Plugin và cài đặt plugin MMWD Xóa Thêm vào giỏ hàng cho WooC Commerce
- Điều hướng đến Quản trị viên > WooC Commerce > Cài đặt > Sản phẩm và chọn tab Xóa cài đặt Thêm vào giỏ hàng
- Sử dụng các hộp kiểm để kích hoạt tùy chọn Xóa Thêm vào giỏ hàng và/hoặc Xóa giá
Bây giờ chúng ta đã có tùy chọn dễ dàng nhất, hãy tìm hiểu sâu hơn một chút về tất cả các tùy chỉnh khác nhau mà chúng ta có thể thực hiện với một chút mã. Dưới đây là một số điều tùy chỉnh chúng ta sẽ làm
- Xóa “nút thêm vào giỏ hàng” khỏi các trang sản phẩm đơn lẻ
- Làm cho Sản phẩm không thể mua được và do đó thay thế nút thêm vào giỏ hàng bằng “Đọc thêm”
- Xóa hoặc ẩn nút Thêm vào giỏ hàng khỏi tất cả các trang lưu trữ [Trang cửa hàng, Trang danh mục sản phẩm, Trang thẻ sản phẩm, kết quả tìm kiếm]
- Xóa nút Thêm vào giỏ hàng dựa trên loại trang
Ẩn nút thêm vào giỏ hàng trên một sản phẩm cụ thể
Nếu bạn chỉ muốn ẩn/xóa nút thêm vào giỏ hàng trên một sản phẩm cụ thể, có hai thủ thuật nhỏ mà bạn có thể sử dụng
Trước tiên, bạn có thể xóa giá sản phẩm của mình [loại bỏ không được đặt thành 0] khỏi trường Chung > Giá thông thường trong cài đặt sản phẩm WooC Commerce. Điều này sẽ không chỉ ẩn giá khỏi trang sản phẩm mà còn tự động xóa nút thêm vào giỏ hàng cho sản phẩm cụ thể đó
Ngoài ra, bạn cũng có thể đặt kho sản phẩm của mình thành “Hết hàng”. Thao tác này sẽ xóa nút thêm vào giỏ hàng và thay thế bằng văn bản “hết hàng”
Đây không phải là một giải pháp rất tao nhã và nó không có khả năng mở rộng. Điều gì sẽ xảy ra nếu bạn có hàng nghìn sản phẩm mà bạn muốn sử dụng tính năng này hoặc nếu bạn muốn tắt nút thêm vào giỏ hàng cho toàn bộ danh mục sản phẩm. Để làm được điều đó, chúng ta sẽ phải viết một số mã và sử dụng bộ lọc woocommerce_is_purchasable
Chế độ danh mục WooC Commerce. Làm cho sản phẩm không thể mua được
WooC Commerce có tùy chọn đánh dấu một sản phẩm là “Không thể mua được”. Kích hoạt tùy chọn này sẽ xóa liên kết “Thêm vào giỏ hàng” và thay vào đó, nó sẽ được thay thế bằng liên kết “Đọc thêm”. Điều này cho phép bạn chuyển đổi cửa hàng WooC Commerce của mình thành danh mục sản phẩm. Khách truy cập của bạn có thể duyệt và xem mô tả của sản phẩm nhưng họ không thể mua sản phẩm. phụ lục. Nếu bạn muốn tận dụng tối đa chế độ danh mục, bạn có thể cân nhắc sử dụng plugin chuyên dụng như chế độ danh mục yith woocommerce
Khi bạn kích hoạt tùy chọn này, sản phẩm sẽ tự động bị xóa khỏi giỏ hàng của khách hàng
Để đánh dấu tất cả các sản phẩm WooC Commerce của bạn là “Không thể mua được”, chỉ cần thêm mã bên dưới vào các chức năng của chủ đề con của bạn. php [hoặc plugin đoạn trích của bạn]
1
add_filter [ 'woocommerce_is_purchasable' , '__return_false' ];
Chúng tôi cũng có thể sử dụng bộ lọc ‘woocommerce_is_purchasable’ để đặt một số điều kiện tùy chỉnh. Vì vậy, bạn không phải kích hoạt chế độ danh mục WooC Commerce trên toàn bộ trang web. Bạn có thể xóa nút thêm vào giỏ hàng chỉ dành cho một số sản phẩm cụ thể hoặc trang danh mục sản phẩm. Hãy xem cách ẩn nút thêm vào giỏ hàng trên một trang sản phẩm cụ thể [hoặc danh sách sản phẩm]. Đối với điều này, chúng tôi sẽ sử dụng hook woocommerce_is_purchasable để chỉ kích hoạt chế độ danh mục cho một sản phẩm có id 23. Đây là đoạn mã
1
2
3
4
5
6
7
8
9
10
/*
* Vô hiệu hóa sản phẩm có ID = 23 khi được mua
*/
add_filter [ 'woocommerce_is_purchasable' , 'set_catalog_mode_on_for_product', 23, 2 ];
function set_catalog_mode_on_for_product [ $ is_purchasable, $product ] {
nếu [ $ sản phẩm->get_id[] == 23 ] { // you can set multiple conditions here
return false ;
}
return $ is_purchasable ;
}
Chúng tôi có thể làm tương tự để chỉ áp dụng chế độ danh mục WooC Commerce cho danh mục sản phẩm tự hoại như thế này
1
2
3
4
5
6
7
8
9
10
11
12
13
/*
* Vô hiệu hóa các sản phẩm từ danh mục "Chưa được phân loại" không được mua bất kể điều gì
*/
add_filter [ 'woocommerce_is_purchasable' , 'set_catalog_mode_on_for_category', 10, 2 ];
function set_catalog_mode_on_for_category [ $ is_purchasable, $product ] {
nếu [ has_term [ 'uncategorized', 'product_cat', $product->get_id[] ] ] {
return false ;
}
return $ is_purchasable ;
}
Như bạn có thể thấy, việc sử dụng ‘woocommerce_is_purchasable’ mang lại cho chúng tôi rất nhiều tính linh hoạt để bạn có thể thực hiện tất cả các loại tùy chỉnh. Ví dụ: bạn có thể xóa nút thêm vào giỏ hàng dựa trên vai trò người dùng [bằng cách sử dụng get_user_role], chỉ xóa nút này đối với người dùng chưa đăng nhập [bằng cách sử dụng is_user_logged_in[]], v.v.
Xóa nó khỏi tất cả các trang lưu trữ WooC Commerce
Một cách khác để vô hiệu hóa nút thêm vào giỏ hàng là sử dụng hành động Thêm vào giỏ hàng. Mặc dù vậy, chúng ta phải ghi nhớ rằng việc sử dụng chúng sẽ ảnh hưởng đến bất kỳ thứ gì khác liên quan đến những hành động này. Đây là một mã mà bạn có thể sử dụng
1
remove_action [ 'woocommerce_after_shop_loop_item' , 'woocommerce_template_loop_add_to_cart'];
Việc thêm mã ở trên vào chủ đề WordPress con của bạn sẽ xóa hoàn toàn nút thêm vào giỏ hàng khỏi tất cả các trang lưu trữ WooC Commerce. Điều này bao gồm trang cửa hàng chính, trang danh mục sản phẩm, trang thẻ sản phẩm và trang kết quả tìm kiếm
Tương tự, như với ví dụ trên, chúng ta có thể áp dụng các thẻ điều kiện để tùy chỉnh trang nào hoặc bao giờ người dùng tắt nút thêm vào giỏ hàng cho
Chúng tôi có thể sử dụng bộ lọc được liệt kê bên dưới để lọc ra những trang sẽ áp dụng mã trên cho
- is_product_category[] để xóa “Thêm vào giỏ hàng” khỏi các trang danh mục sản phẩm cụ thể
- is_product_tag[] để xóa nó khỏi trang thẻ sản phẩm,
- is_search[] – chỉ dành cho trang kết quả tìm kiếm,
- is_shop[] – từ trang cửa hàng WooC Commerce chính
Phần kết luận
Trong hướng dẫn này, chúng ta đã thấy một vài phương pháp khác nhau để ẩn nút Thêm vào giỏ hàng. Chúng tôi đã áp dụng tùy chỉnh cho một trang sản phẩm, danh mục sản phẩm nhất định hoặc tất cả các sản phẩm trên toàn trang web