Hoàng Web

Thiết Kế Website WordPress

  • Kho giao diện
  • Dịch Vụ
    • Tối ưu PageSpeed Insights
    • Cloud Cache (Tăng tốc web 1 giây)
    • Thiết kế website WordPress
    • Viết plugin WordPress
    • Sửa lỗi nâng cấp website
  • Bảng giá
  • Quy trình làm việc
  • Giới thiệu
  • Liên Lạc
Trang chủ » Wordpress » Ẩn nút thêm giỏ hàng trong WooCommerce

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

Thứ Ba, 09/10/2018 by Hoàng Quách

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Hôm nay chúng ta sẽ làm một chút tùy biến trong WooCommerce. Giả định rằng bạn đã cài đặt WordPress và WooCommerce vào thành công đó.

Suy nghĩ đầu tiên trong đầu tôi là chỉnh sửa các tệp mẫu template. Đó có thể là một cách nhưng không phải là một cách khôn ngoan cho một sự tùy chỉnh nhỏ như vậy. Chúng ta sẽ sử dụng hooks để tùy biến tính năng WooCommerce, với sự hỗ trợ này chúng ta có thể tùy biến nút add to cart một cách dễ dàng.

Để xóa nút Add to cart từ trang sản phẩm chi tiết và trang danh sách , bạn thêm 2 hook sau:

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

Chúng ta có thể thêm chúng vào tệp functions.php nhưng trong một số trường hợp nó có thể tạo ra một số lỗi, nếu sảy ra lỗi bạn có thể cần tư vấn đến dịch vụ sửa lỗi WordPress. Vì vậy, tôi sẽ đặt các hook này trong tệp woocommerce.php trong thư mục plugin.

Để truy cập tệp này, hãy truy cập wordpress> wp-content> plugins> woocommerce và mở tệp woocommerce.php và sau dòng 904 đặt hai hook ở trên. Lưu tệp và quay lại trang sản phẩm. Bạn sẽ thấy các nút giỏ hàng đã bị xóa khỏi trang web.

Xóa nút thêm giỏ hàng cho sản phẩm cụ thể?

Có một số cách bạn có thể sử dụng để loại bỏ nút giỏ hàng cho một sản phẩm bạn mong muốn.

  1. Bạn chỉ có thể không điền các trường giá. Sản phẩm sẽ không còn giá, và nút Thêm vào giỏ hàng sẽ không hiển thị.
  2. Bạn có thể kích hoạt quản lý kho, và thiết lập số lượng sản phẩm bằng không.
  3. Bạn có thể viết một bộ lọc với hook “woocommerce_is_purchasable” và trả về false cho một ID sản phẩm. Điều này sẽ để giá hiển thị và hiển thị ghi chú “sản phẩm không thể mua” thay vì nút Thêm vào giỏ hàng.

Thêm đoạn code sau vào functions.php

add_filter('woocommerce_is_purchasable', 'my_woocommerce_is_purchasable', 10, 2);
function my_woocommerce_is_purchasable($is_purchasable, $product) {
        return ($product->id == whatever_mambo_jambo_id_you_want ? false : $is_purchasable);
}

Hãy cho mình biết suy nghĩ của bạn trong phần bình luận bên dưới bài viết này. Hãy theo dõi kênh chia sẻ kiến thức WordPress của Hoangweb trên Twitter và Facebook

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Bài viết liên quan:

  1. Thay đổi số lượng hiển thị sản phẩm liên quan trong woocommerce
  2. Cách xóa sản phẩm liên quan trong woocommerce
  3. Thay đổi hiển thị breadcrumbs của woocommerce wordpress theme
  4. Nhập thêm quốc gia mới sử dụng trong woocommerce
  5. Thêm States vào Woocommerce – Lựa chọn thanh toán cho một vùng của quốc gia
  6. Thay đổi tiêu đề nút add to cart trong woocommerce
  7. Tùy biến nút add to cart với woocommerce – phần 2
  8. Tạo thêm custom fields cho product trong woocommerce
  9. Hiển thị tùy chọn xắp xếp sản phẩm trên website woocommerce
  10. Tùy biến search form với WooCommerce

Chuyên mục: Wordpress Tìm kiếm: Woocommerce

Đăng ký nhận bài viết mới

Vui lòng điền chính xác email ở bên dưới để nhận thông báo bài viết mới.

Bạn đã đăng ký thành công!

Lỗi! hãy làm lại.

thông tin của bạn được 100% bảo mật...

Comments

  1. caotrunglap says

    Chủ Nhật, 24/02/2019 at 4:37 chiều

    Mình có cái nút ” Quay lại cửa hàng” trong trang Giỏ hàng nó không hoạt đông thì phải làm sao ?thanks bạn

    • Hoàng Quách says

      Thứ Bảy, 02/03/2019 at 8:07 sáng

      Bạn check lại URL của nút “Quay lại cửa hàng”, có thể sai link hoặc filter sửa đổi liên kết nút.

Tôi giúp gì cho bạn?

Nhận bài viết mới

Vui lòng điền chính xác email ở bên dưới để nhận thông báo bài viết mới.

Cám ơn bạn đã đăng ký.

Lỗi, hãy làm lại

thông tin của bạn được 100% bảo mật...

HOÀNG WEB

Địa chỉ: Tây Sơn, Phường Quang Trung, Quận Đống Đa, Hà Nội

Hotline: 0987 342 124 (8h:00 – 21h:00)

Email: [email protected]

Website: www.hoangweb.com

KẾT NỐI VỚI TÔI

  • Facebook
  • Snapchat

SẢN PHẨM

  • Plugin Auto-Sync Google Shopping cho WooCommerce
  • Phần mềm chặn click ảo
  • WP2Speed.com – Tăng tốc WordPress

LIÊN KẾT

  • Hướng dẫn thanh toán
  • Chính sách hoàn tiền
  • Trung tâm hỗ trợ

Copyright © 2021 | All rights reserved | HOANG WEB
Mọi hình thức sao chép nội dung trên website này mà chưa được sự đồng ý đều là trái phép.