#1 Cách ẩn nút Thêm vào giỏ hàng hoặc Giá trong WooCommerce

Trong quá trình sử dụng WooCommerce, đôi khi bạn sẽ muốn ẩn nút Thêm vào giỏ hàng hoặc giá sản phẩm trên trang web của mình. Việc này có thể cần thiết khi bạn chưa muốn bán sản phẩm, hoặc khi sản phẩm cần thêm thông tin trước khi bán. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn từng bước chi tiết với các đoạn mã code cụ thể để thực hiện việc ẩn nút “Thêm vào giỏ hàng” và giá sản phẩm trong WooCommerce một cách dễ dàng.

Tìm hiểu thêm về WooCommerce tại đây: Tìm hiểu

Phần 1: Cách Ẩn Nút Thêm vào giỏ hàng trong WooCommerce

Đoạn mã ẩn nút “Thêm vào giỏ hàng”

Để ẩn nút “Thêm vào giỏ hàng”, hãy thực hiện các bước sau:

1. Mở tệp functions.php của theme đang sử dụng.
2. Sao chép và dán đoạn mã dưới đây vào cuối tệp functions.php.
3. Lưu tệp lại và kiểm tra thay đổi trên trang web của bạn.

Giải thích từng dòng mã:

1. add_action( 'init', 'muathemewpgiare_hide_add_to_cart_button', 1000 );
   Lệnh này kích hoạt hàm muathemewpgiare_hide_add_to_cart_button khi WordPress khởi động. Tham số 1000 đặt độ ưu tiên để đảm bảo hàm này được thực thi sau các lệnh khác.
2. add_filter( 'woocommerce_loop_add_to_cart_link', '__return_null' );
   Lệnh này ẩn nút “Thêm vào giỏ hàng” ở các trang danh sách sản phẩm như trang cửa hàng và trang danh mục.
3. add_filter( 'wc_get_template', 'muathemewpgiare_wc_get_template', 90, 2 );
   Dòng này thay thế các template của WooCommerce bằng một template tùy chỉnh không có nút “Thêm vào giỏ hàng” trên trang sản phẩm đơn.
4. function muathemewpgiare_wc_get_template( $located, $template_name )
   Đây là hàm tùy chỉnh template, giúp chỉ định vị trí template tùy chỉnh chứa mã ẩn nút “Thêm vào giỏ hàng”.
5. $new_path = get_stylesheet_directory_uri() . '/woocommerce/no-add-to-cart-button.php';
   Đường dẫn tới template tùy chỉnh mà bạn cần tạo trong thư mục theme (/woocommerce/no-add-to-cart-button.php).
6. $templates = array(...);
   Mảng chứa danh sách template của các loại sản phẩm khác nhau mà bạn muốn ẩn nút “Thêm vào giỏ hàng”.

Lưu ý khi sử dụng đoạn mã trên:

Trước khi áp dụng đoạn mã này, hãy tạo một tệp PHP mới tên là no-add-to-cart-button.php trong thư mục woocommerce của theme. Nếu thư mục này không có sẵn, bạn cần tạo mới nó để lưu tệp PHP này.

Phần 2: Cách Ẩn “Giá” và Nút “Thêm vào giỏ hàng” cho Tất Cả Khách Truy Cập

Nếu bạn muốn ẩn cả giá và nút “Thêm vào giỏ hàng” cho tất cả khách truy cập, hãy thực hiện các bước sau:

1. Mở tệp functions.php của theme đang sử dụng.
2. Sao chép và dán đoạn mã dưới đây vào cuối tệp functions.php.
3. Lưu tệp lại và kiểm tra thay đổi.

Giải thích từng dòng mã:

1. add_filter( 'woocommerce_get_price_html', '__return_false' );
   Lệnh này sẽ ẩn toàn bộ giá sản phẩm trên trang danh sách và trang chi tiết sản phẩm.
2. add_filter( 'woocommerce_loop_add_to_cart_link', '__return_null' );
   Tương tự như trên, lệnh này giúp ẩn nút “Thêm vào giỏ hàng” ở trang danh sách sản phẩm.
3. add_filter( 'wc_get_template', 'muathemewpgiare_wc_get_template', 90, 2 );
   Thay thế template mặc định của WooCommerce với template tùy chỉnh để ẩn nút “Thêm vào giỏ hàng” trên trang chi tiết sản phẩm.

Lưu ý:

Đảm bảo rằng bạn đã tạo tệp no-add-to-cart-button.php trong thư mục woocommerce của theme, đây sẽ là template thay thế không chứa nút “Thêm vào giỏ hàng”.

Có thể bạn sẽ quan tâm đến: #1 Hướng dẫn chi tiết cách tự động chia sẻ file Google Drive tới email khách hàng sau khi thanh toán qua WooCommerce

Phần 3: Cách Ẩn “Giá” và Nút “Thêm vào giỏ hàng” Chỉ Cho Khách Hàng Chưa Đăng Nhập

Nếu bạn muốn chỉ ẩn giá và nút “Thêm vào giỏ hàng” cho người dùng chưa đăng nhập, làm theo các bước sau:

1. Mở tệp functions.php của theme.
2. Sao chép và dán đoạn mã dưới đây vào cuối tệp functions.php.
3. Lưu tệp và kiểm tra thay đổi trên trang web.

Tổng kết: Lợi Ích và Ứng Dụng của Việc Ẩn Giá và Nút “Thêm vào giỏ hàng” trên WooCommerce

Lợi ích của việc ẩn giá và nút “Thêm vào giỏ hàng”:

1. Kiểm soát sản phẩm: Chỉ hiển thị giá và nút “Thêm vào giỏ hàng” khi bạn thực sự muốn bán sản phẩm đó.
2. Tăng tính tương tác: Khuyến khích người dùng đăng nhập để biết giá và xem chi tiết sản phẩm đầy đủ.
3. Tạo động lực mua hàng: Bằng cách ẩn giá hoặc nút mua, bạn có thể tạo ra sự khan hiếm hoặc kích thích người dùng liên hệ để biết thêm thông tin về sản phẩm.

Khi nào nên sử dụng tính năng này?

• Khi sản phẩm chưa sẵn sàng bán trực tuyến hoặc cần thêm thông tin trước khi khách có thể đặt hàng.
• Khi bạn muốn tạo tính năng bán hàng theo yêu cầu, yêu cầu khách hàng liên hệ để biết giá.

Bằng cách làm theo hướng dẫn chi tiết này từ muathemewpgiare.com, bạn có thể linh hoạt tùy chỉnh trải nghiệm của khách hàng trên website WooCommerce, tăng cường tính tương tác và thu hút người dùng đăng ký hoặc liên hệ. Hy vọng hướng dẫn này giúp ích cho bạn trong việc thiết lập trang WooCommerce chuyên nghiệp và đáp ứng đúng nhu cầu kinh doanh của mình. Mình chúc các bạn thành công nhé. Có vấn đề gì có thể liên hệ đến chúng mình nhé. Xin cảm ơn mọi người nhiều.