Ẩn nút thêm vào giỏ hàng trong WooCommerce WP

Bạn đang có một shop bán hàng bằng WordPress sử dụng Plugin WooCommerce và bây giờ bạn muốn ẩn nút thêm vào giỏ hàng đi mà không muốn sử dụng thêm một plugin nữa cồng kềnh thì bạn có thể áp dụng cách đơn giản dưới đây để thực hiện nhanh chóng.

Ẩn nút thêm vào giỏ hàng ngoài trang chủ

Nếu như bạn đăng một số sản phẩm lên thì kèm theo đó là từng ấy nút thêm vào giỏ chắc chắn sẽ gây rối rắm khi nhìn vào, thường những giao diện hiện đại sẽ dùng chức năng ẩn đi cho đến khi người dùng rê chuột vào.

Để ẩn nút thêm vào giỏ hàng ngoài trang chủ bạn thêm đoạn code sau vào file woocommerce.php file này nằm trong mục plugin -> editor

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');

Ẩn nút thêm vào giỏ hàng trang chi tiết sản phẩm

Tương tự như trên để ẩn nút thêm vào giỏ  trang chi tiết sản phẩm bạn thêm đoạn code sau vào file woocommerce.php file này nằm trong mục plugin -> editor

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart');

Vậy là xong nếu muốn ẩn cả trong lẫn ngoài thì thêm cả 2 code. Lưu ý khi plugin update nó sẽ bị mất nên bạn có thể backup lại đoạn code để sau này chèn lại.

Còn nếu bạn thích sử dụng plugin thì có thể tham khảo plugin Helios Solutions WooCommerce hide nó hỗ trợ ẩn luôn cả giá nữa. Hy vọng mẹo nhỏ này giúp ích được bạn trong quá trình làm web. Chúc các bạn thành công.