Nếu bạn muốn ẩn/xóa nút Thêm vào giỏ hàng khỏi trang danh sách sản phẩm hoặc trang chi tiết sản phẩm bằng bất kỳ plugin WordPress nào, trước tiên hãy nghĩ đến plugin này. Tại đây, bạn có các tùy chọn để xóa nút Thêm vào giỏ hàng cho tất cả người dùng hoặc chỉ cho khách truy cập. Nếu bạn chọn loại bỏ nút Thêm vào giỏ chỉ dành cho khách truy cập thì bạn sẽ thấy một hộp kiểm nơi bạn có thể quyết định hiển thị nút đăng nhập khi nút Thêm vào giỏ bị ẩn. Cũng có tùy chọn để thêm thông báo tùy chỉnh sẽ hiển thị khi nút Thêm vào giỏ hàng bị ẩn
Trong plugin này, có một phần cài đặt mà từ đó bạn có thể thêm URL trang đăng nhập của mình [nếu bạn không nhập bất kỳ URL nào ở đây thì nó sẽ đưa bạn đến URL trang đăng nhập/đăng ký mặc định] và thay đổi nhãn nút đăng nhập. Trước, có tùy chọn để ẩn giá sản phẩm
tính năng hiện tại
- Xóa nút Thêm vào giỏ hàng cho tất cả
- Xóa nút Thêm vào giỏ chỉ dành cho khách truy cập
- Hiển thị nút đăng nhập khi nút Thêm vào giỏ hàng bị xóa cho khách truy cập
- Đặt URL đăng nhập [nếu bạn không đặt bất kỳ URL nào ở đây thì nó sẽ đưa bạn đến URL trang đăng nhập/đăng ký mặc định] từ tab cài đặt plugin
- Thay đổi nhãn nút đăng nhập từ tab cài đặt
- Có tùy chọn đặt thông báo khi Thêm vào giỏ hàng bị ẩn
- Ẩn giá sản phẩm
- dễ sử dụng
- Bản dịch đã sẵn sàng
Tính năng cao cấp
- Tất cả các tính năng miễn phí
- Xóa nút Thêm vào giỏ hàng dựa trên Quy tắc người dùng
- Xóa nút Thêm vào giỏ hàng dựa trên các quốc gia
- Đặt danh mục một cách khôn ngoan Xóa các điều kiện nút Thêm vào giỏ hàng [có nghĩa là bạn có thể áp dụng các điều kiện xóa Thêm vào giỏ hàng cho tất cả các sản phẩm trong một danh mục]
- Hỗ trợ qua email ưu tiên
Ảnh chụp màn hình
Cài đặt
- Giải nén plugin và tải thư mục
remove-add-to-cart-button-woocommercelên thư mục/wp-content/plugins/ - Kích hoạt plugin thông qua menu ‘Plugin’ trong WordPress
- Để thay đổi/sửa đổi cài đặt plugin, hãy chuyển đến tab
WooCommerce > Settings > Visibility Settingstừ khu vực quản trị WordPress - Bạn đã sẵn sàng để sử dụng plugin
Câu hỏi thường gặp
Nó có xóa nút Thêm vào giỏ chỉ dành cho khách truy cập không?
Có, nó có tùy chọn chỉ xóa nút Thêm vào giỏ hàng cho khách truy cập. Cũng có tùy chọn để xóa nút Thêm vào giỏ hàng cho tất cả
Nó có hiển thị nút đăng nhập khi nút Thêm vào giỏ hàng bị xóa cho khách truy cập không?
Có, nút đăng nhập sẽ được hiển thị thay vì nút Thêm vào giỏ hàng nếu bạn đã chọn tùy chọn này từ khu vực quản trị. Ngoài ra, bạn có thể thêm tin nhắn của riêng mình khi nút Thêm vào giỏ hàng bị ẩn
Nó có xóa nút Thêm vào giỏ hàng cho toàn bộ danh mục không?
Có, nhưng đó là tính năng cao cấp của chúng tôi. Bạn cần nâng cấp lên bản cao cấp để có được tính năng này
Nó có xóa nút Thêm vào giỏ hàng dựa trên quy tắc người dùng hoặc quốc gia không?
Có, nhưng đó là tính năng cao cấp của chúng tôi. Bạn cần nâng cấp lên bản cao cấp để có được tính năng này
Nhận xét
Không có đánh giá cho plugin này
Cộng tác viên & Nhà phát triển
“Xóa nút thêm vào giỏ hàng cho WooC Commerce” là phần mềm mã nguồn mở. Những người sau đây đã đóng góp cho plugin này
Nút Thêm vào giỏ hàng đóng một phần quan trọng trong cửa hàng WooC Commerce của bạn. Nó hoạt động như một nút kêu gọi hành động hữu ích cho bất kỳ doanh nghiệp trực tuyến nào. Nhưng đôi khi, bạn có thể không bán sản phẩm của mình vì lý do nào đó hoặc muốn khách hàng tiềm năng kết nối với bạn trước khi thực hiện mua hàng
Bất kể trường hợp nào, bạn sẽ cần phải loại bỏ loại nút này. Vì vậy, hãy theo dõi bài viết này vì chúng tôi sẽ hướng dẫn bạn cách xóa nút Thêm vào giỏ hàng trong WooC Commerce. Sau đó, bạn có thể tìm ra cách phù hợp đáp ứng nhu cầu đăng ký vào cửa hàng WooC Commerce của mình
Tại sao bạn cần bỏ nút thêm vào giỏ hàng?
Trước khi đi vào chi tiết về cách xóa nút thêm vào giỏ hàng WooC Commerce, hãy dành vài giây để xem qua lý do tại sao bạn cần làm điều đó. Loại bỏ nút này đã trở thành một phương pháp hoàn hảo để vô hiệu hóa quy trình đặt hàng cho các cửa hàng cũng như sản phẩm cụ thể. Trong thời hiện đại, nó dường như là một trong những câu hỏi được tìm kiếm nhiều nhất mà các chủ cửa hàng tìm kiếm
Lúc đầu, bạn có thể thấy hoạt động này khá phản trực giác. Nhưng sau bài viết này, bạn sẽ khám phá ra rằng nó sẽ cực kỳ hữu ích trong một số tình huống. Không đề cập đến khả năng cung cấp các tùy chọn khác nhau để tùy chỉnh cửa hàng trực tuyến của bạn, có một số lý do yêu cầu bạn xóa nút thêm vào giỏ hàng
Có thể bạn đang chuyển WooStore của mình sang chế độ danh mục
Sản phẩm của bạn có thể đã hết hàng, vì vậy việc xóa nút thêm vào giỏ hàng khiến khách hàng không mua được
Bạn muốn người dùng lên lịch, sắp xếp một cuộc phỏng vấn hoặc gửi một tin nhắn bằng cách sử dụng nút này thay vì theo dõi quy trình mua hàng thông thường trên WooC Commerce
- Có những trường hợp bạn muốn phân phối nút thêm vào giỏ hàng cho các điều kiện logic khác nhau
- Sản phẩm của bạn không còn để bán nữa
Cách xóa nút thêm vào giỏ hàng trong WooC Commerce
Có nhiều trường hợp bạn muốn ẩn loại nút này. Bây giờ, hãy tận hưởng nhiều cách mà bạn có thể sử dụng để thực hiện quy trình xóa. Ở đây chúng tôi sắp đề cập đến các phương pháp khác nhau với các bước chi tiết để hỗ trợ bạn xử lý dễ dàng và chính xác
Một lời khuyên cho bạn là bạn nên sao lưu cẩn thận trang web của mình. Vì bạn nên lưu ý rằng có thể xảy ra sự cố khi chúng tôi chỉnh sửa các tệp cốt lõi trong WordPress, bạn có thể sử dụng chủ đề con để cho phép xóa dễ dàng hơn. Nếu bạn chưa sở hữu, hãy tạo một cái bằng cách làm theo hướng dẫn bên dưới của chúng tôi hoặc sử dụng plugin cho chủ đề con
1. Xóa nút thêm vào giỏ hàng WooC Commerce trên toàn bộ trang web của bạn
Ban đầu, nút thêm vào giỏ hàng của WooC Commerce theo mặc định. Điều này có nghĩa là; . Do đó, bạn không thể sửa đổi văn bản của nó hoặc thậm chí kết nối nó với một biểu mẫu liên hệ thay vì thêm bất kỳ sản phẩm nào vào giỏ hàng của khách hàng. Nếu bạn muốn xóa hoàn toàn nút thêm vào giỏ hàng khỏi tất cả các sản phẩm của cửa hàng, đây là một cách hữu ích để thực hiện. Ngay sau khi bạn hoàn tất quá trình đưa vào sản phẩm cũng như cấu hình, bạn có thể nhận thấy sản phẩm hiển thị trên trang web của mình với cài đặt mặc định. Vì vậy, có một vài bước mà bạn bắt buộc phải thực hiện để xóa nút này
Cách đơn giản nhất là áp dụng tập lệnh từ các chức năng của chủ đề con. tập tin php. Bạn có thể nhận thấy nút Thêm vào giỏ hàng này nằm bên phải cạnh sản phẩm. Những gì bạn cần làm là thêm đoạn mã dưới đây vào chức năng tệp của bạn. php. Xin lưu ý rằng tập lệnh này có thể phá vỡ loại tệp này. Do đó, sẽ tốt hơn nếu bạn đặt mã trong thương mại điện tử của mình. tập tin php
Nhiệm vụ của bạn là vào thư mục WordPress nếu muốn truy cập tập tin này. Sau đó, bạn tiếp cận plugin để chọn cả woocommerce. tập tin php hoặc chức năng. php khi bạn nhìn thấy thư mục wp-content
Với hook đầu tiên “remove_action[]”, bạn có thể tắt nút thêm vào giỏ hàng trên trang sản phẩm của cửa hàng. Trong thời gian chờ đợi, hook thứ hai có thể được sử dụng để tắt nút Thêm vào giỏ hàng trên trang cửa hàng của cửa hàng của bạn. Tuy nhiên, một cách thông minh hơn là nhằm mục đích vô hiệu hóa lựa chọn mua sản phẩm. Do đó, bạn có thể làm cho các sản phẩm và mặt hàng của mình không thể mua được;
Hơn nữa, bạn cũng có thể thực hiện điều đó để cho phép các sản phẩm của mình không thể mua được trong toàn bộ cửa hàng của bạn bằng tập lệnh hữu ích bên dưới
Hãy nhớ rằng điều này chỉ vô hiệu hóa nút thêm vào giỏ hàng của WooC Commerce mà không xóa nó. Thay vào đó, nó được thay thế bằng nút “Đọc thêm”. Điều này sẽ chuyển hướng người dùng đến trang sản phẩm của cửa hàng của bạn, nơi không thể tìm thấy nút nào
Trong trường hợp bạn muốn ẩn nút “Đọc thêm” ngoài nút Thêm vào giỏ hàng, sử dụng quy tắc CSS là một giải pháp tuyệt vời. Nhưng người tiêu dùng không thể mua bất cứ thứ gì vì không thể thêm bất kỳ sản phẩm nào vào giỏ hàng của họ. Vì vậy, nếu có thể, gợi ý dành cho bạn là áp dụng hook “add_filter” thay vì “remove_action[]”
2. Ẩn nút thêm vào giỏ hàng WooC Commerce cho người dùng chưa đăng ký
Vì trang web của bạn luôn có người dùng đã đăng ký và những người chưa đăng ký. Giả sử bạn đang chạy một chiến dịch có ưu đãi và giảm giá đặc biệt chỉ dành cho người dùng đã đăng nhập. Để làm điều đó, bạn có thể xây dựng một trang đích, sau đó gửi cho họ một email đặc biệt bao gồm liên kết dành riêng cho khách hàng đã đăng ký
Bạn có nghĩ rằng khách hàng đã đăng nhập của bạn có thể chia sẻ liên kết với những người khác không? . Và bạn chỉ có thể xóa nút Thêm vào giỏ hàng khỏi WooStore cho người dùng chưa đăng ký. Thực hiện theo chúng tôi nghiêm ngặt với đoạn mã dưới đây trong các chức năng của chủ đề con. tập tin php
Nhờ chức năng này từ WordPress gốc “is_user_logged_in[]”, bạn có thể dễ dàng vô hiệu hóa nút thêm vào giỏ hàng chỉ dành cho người dùng chưa đăng ký
3. Xóa nút thêm vào giỏ hàng WooC Commerce cho một số sản phẩm
Có một số tình huống mà bạn muốn giữ nút thêm vào giỏ hàng WooC Commerce khuất tầm nhìn đối với các sản phẩm cụ thể. Dưới đây là một số ý tưởng mà bạn có thể áp dụng để có được điều này
3. 1. Làm trống các sản phẩm WooC Commerce của bạn
Trước hết, điều hướng đến các sản phẩm cụ thể mà bạn muốn xóa nút thêm vào giỏ hàng khỏi chúng. Sau đó, làm trống các trường giá của chúng. Tiếp tục bằng cách tiếp cận bảng điều khiển và chọn phần “Sản phẩm” trước khi nhấp vào “Tất cả sản phẩm”. Tiếp tục truy cập vào phần “Sửa nhanh”
Khi bạn cho phép các sản phẩm đã chọn của mình để trống, những sản phẩm này sẽ không bao giờ có sẵn để thêm vào giỏ hàng. Có vẻ như đây là một phần dễ thực hiện theo cách này. Vì vậy, nếu bạn gặp khó khăn khi làm việc với woocommerce. php hoặc chức năng. php, mã hoặc đoạn trích, hãy thêm tệp này vào danh sách bỏ túi của bạn để dễ dàng theo dõi
3. 2. Đặt trong một bộ lọc
Một giải pháp dễ sử dụng khác để ẩn nút Thêm vào giỏ hàng cho các sản phẩm cụ thể là sử dụng các chức năng quen thuộc. tập tin php. Sao chép tập lệnh bên dưới và dán vào tệp functions của chủ đề con bạn. php
Nhìn vào tập lệnh mẫu, nút thêm vào giỏ hàng của WooC Commerce sẽ bị tắt đối với các sản phẩm có ID 624 & 625. Vì vậy, bạn có thể thay đổi cửa hàng của mình trên WooC Commerce bằng cách thay thế các ID này bằng ID của các sản phẩm WooStore của bạn. Lựa chọn của bạn là thêm bao nhiêu sản phẩm tùy thích. Hãy nhớ phân tách các ID đó bằng cách sử dụng dấu phẩy
Trong trường hợp bạn không quen với việc tìm ID sản phẩm của mình. Chỉ cần điều hướng đến phần “Bảng điều khiển WordPress”. Sau đó chọn “WooC Commerce” và chọn “Sản phẩm”. Tiếp theo rê chuột vào danh sách sản phẩm như hình bên dưới
Một phương pháp khác để khám phá ID của sản phẩm là bằng cách nhấp vào một sản phẩm nhất định, bạn có thể nhận thấy ID của sản phẩm đó nằm trong URL của trình duyệt của bạn
3. 3. Vô hiệu hóa nút thêm vào giỏ hàng cho sản phẩm cụ thể đó
Đây có thể là cách dễ nhất để tắt loại nút này đối với các sản phẩm được chọn. Khi bạn vô hiệu hóa nó, khách hàng của bạn không thể mua nó nữa
4. Xóa nút thêm vào giỏ hàng WooC Commerce cho vai trò người dùng cửa hàng
Khi nói đến vai trò người dùng trên WooStore của bạn, chúng tôi cũng đưa ra giải pháp ẩn nút này cho các vai trò người dùng cụ thể. Hãy lấy một ví dụ dễ hiểu. Trong trường hợp bạn muốn loại bỏ nút thêm vào giỏ hàng cho người dùng quản trị duy nhất. Xem kịch bản dưới đây
Loại script này sẽ lấy đối tượng người dùng trong WordPress, sau đó áp dụng 2 điều kiện này. Điều kiện đầu tiên là cho biết liệu một người dùng có vai trò hay không; . Trong tình huống này, vai trò người dùng sẽ là quản trị viên
Trường hợp trên dành cho vai trò quản trị viên. Vì vậy, nếu vai trò người dùng khác, bạn có thể điều chỉnh tập lệnh này để sửa đổi vai trò nào mà bạn không muốn họ thấy nút thêm vào giỏ hàng của WooC Commerce. Để triển khai chức năng này, chỉ cần chỉnh sửa vai trò cụ thể trong “if[$current_user->roles[0]=='your_role']{“
5. Ẩn nút thêm vào giỏ hàng của cửa hàng khỏi các trang lưu trữ cũng như trang chủ
Trong phương pháp đầu tiên, chúng tôi đưa ra ý tưởng và mã để xóa nút thêm vào giỏ hàng WooC Commerce cho toàn bộ trang web. Tuy nhiên, nếu bạn chỉ muốn xóa các trang lưu trữ và trang chủ, chúng tôi có thể giúp bạn. Nhiệm vụ của bạn bây giờ là áp dụng đoạn mã dưới đây cho không chỉ các chức năng. các tệp php mà còn cả thương mại điện tử. tập tin php
Hơn nữa, cũng có một cách khác để vô hiệu hóa nút thêm vào giỏ hàng từ các trang lưu trữ của bạn. Nó liên quan đến việc áp dụng các hành động thêm vào giỏ hàng. Tuy nhiên, bạn cần lưu ý rằng việc sử dụng các thao tác này có thể ảnh hưởng đến bất kỳ thứ gì được kết nối với các thao tác đó. Để ẩn nút này, chỉ cần sử dụng đoạn mã sau
Khi bạn đã hoàn tất việc thêm mã được liệt kê ở trên vào chủ đề con WordPress, bạn đã hoàn tất việc xóa nút thêm vào giỏ hàng khỏi các trang lưu trữ của cửa hàng WooC Commerce của mình. Việc xóa này sẽ bao gồm các trang kết quả tìm kiếm, trang thẻ sản phẩm, trang danh mục sản phẩm và trang cửa hàng
Tương tự, bạn cũng có thể sử dụng thẻ điều kiện để tùy chỉnh trang cũng như người dùng mà bạn muốn xóa nút thêm vào giỏ hàng. Cụ thể hơn, bạn có thể áp dụng bộ lọc bên dưới để chỉ ra các trang mà bạn sắp sử dụng mã được liệt kê ở trên để
6. Tạm thời tắt nút thêm vào giỏ hàng WooC Commerce
Trong trường hợp, bạn chỉ muốn kích hoạt tính năng loại bỏ nút này tạm thời. Bây giờ, đã đến lúc bạn thực hiện các bước tiếp theo để tạo ra sự kết hợp của những điều bạn đã biết từ các phương pháp nêu trên. Giả sử bạn sắp phát hành một sản phẩm. Sau đó, bạn sẽ xây dựng trang sản phẩm của mình, bao gồm tất cả các tính năng của sản phẩm
Nếu bạn quan tâm đến việc sử dụng trang đã tạo để xây dựng một số quảng cáo cường điệu; . Trong trường hợp này, bạn có thể bỏ nút Thêm vào giỏ hàng cho đến ngày ra mắt. Sau đó, bạn hy vọng nó sẽ tự động hiển thị vào ngày ra mắt
Đây là một ví dụ thực tế. Bạn sắp ra mắt một sản phẩm vào ngày 30 tháng 7 năm 2021. Do đó, bạn muốn ẩn nút thêm vào giỏ hàng WooC Commerce cho đến lúc đó. Tiếp theo, bạn muốn hiển thị nó vào ngày nhất định đó. Đó là một miếng bánh để làm điều đó. Thực hiện theo kịch bản dưới đây
Mã này nhằm mục đích thay thế nút thêm vào giỏ hàng bằng một nút khác có tên “Đọc thêm”. Sau đó, nút “Đọc thêm” này sẽ chuyển hướng người dùng đến trang sản phẩm của cửa hàng của bạn cho đến ngày ra mắt. Vậy bạn có biết loại kịch bản này sẽ hoạt động như thế nào không? . Mã này sẽ so sánh giữa ngày ra mắt và ngày hiện tại của nó và liệu ngày hiện tại này có sớm hơn hay không, nó cho phép sản phẩm đó không thể mua được
Nếu ngày hiện tại này có vẻ bằng hoặc có thể muộn hơn ngày ra mắt, điều này có nghĩa là sản phẩm của bạn đã có sẵn để người mua mua. Hơn nữa, điều này cũng có nghĩa là nút Thêm vào giỏ hàng sẽ được hiển thị tự động. Một lưu ý quan trọng là bạn đừng quên ghi rõ ID của sản phẩm, ngoài ngày
Thưởng. Để cửa hàng và sản phẩm của bạn ấn tượng hơn, bạn có thể tùy chỉnh nút Thêm vào giỏ hàng theo ý muốn của mình. Ngoài việc ẩn hoặc xóa nút này, một điều nữa bạn có thể làm là sửa đổi màu sắc hoặc văn bản của nó. Và bạn cũng có thể chọn nơi bạn có thể thêm văn bản mong muốn hoặc chỉnh sửa hành vi của nút
Hãy để chúng tôi trích dẫn một ví dụ dễ hiểu liên quan đến cách sửa đổi văn bản nút thêm vào giỏ hàng. Nếu bạn thích hiển thị một văn bản chẳng hạn như “Mua mặt hàng này” thay vì “Thêm vào giỏ hàng”, bạn có thể tuân thủ nghiêm ngặt mã bên dưới trong tệp chức năng. php
Liên quan đến việc thay đổi màu của nút để làm cho nó hấp dẫn hơn đối với khách hàng, bạn có thể sử dụng tập lệnh sau và chọn màu mà bạn sẽ áp dụng cho các nút duy nhất của mình
Bên cạnh hai ví dụ điển hình này, bạn thậm chí có thể thực hiện nhiều hành động hơn để tùy chỉnh các nút WooC Commerce của mình theo nhiều cách khác nhau
7. Xóa nút thêm vào giỏ hàng cho các danh mục cụ thể
Một phương pháp không thể bỏ qua khác để giúp bạn xóa nút này trên cửa hàng WooC Commerce của mình là xóa nó cho các danh mục cụ thể của bạn. Khi bạn cần ẩn loại nút này khỏi một danh mục nhất định trong khi vẫn giữ nguyên trong các danh mục khác. Để làm điều này, chỉ cần áp dụng đoạn mã dưới đây
Để làm cho nó hoạt động cho các danh mục của cửa hàng của bạn, sẽ được thay thế bằng sên thực tế của danh mục sản phẩm. Thực hiện theo ví dụ cụ thể của chúng tôi như dưới đây
Bạn điều hướng đến trang tổng quan của mình. Tiếp theo, điều hướng đến phần “Sản phẩm” và chọn “Danh mục”. Tại đây, bạn có thể nhận thấy mọi danh mục sản phẩm của mình, cùng với sên của chúng. Ví dụ: nếu sản phẩm của bạn là áo hoodie. Bạn vui lòng ẩn nút này khỏi các sản phẩm trong danh mục đó dành cho áo hoodie. Đoạn mã sau hữu ích cho bạn
Sau khi áp dụng đoạn mã trên bạn sẽ được kết quả là danh mục áo hoodie của cửa hàng sẽ không hiển thị nút Thêm vào giỏ hàng nữa
Chúng tôi xin lấy một ví dụ thứ hai để giúp bạn dễ dàng thực hành trong danh mục sản phẩm của cửa hàng mình. Nếu doanh nghiệp của bạn là bán máy tính xách tay. Và bạn muốn ẩn nút Thêm vào giỏ hàng khỏi danh mục “Máy tính xách tay”, bạn có thể sử dụng mã sau
Như bạn có thể thấy dòng thứ ba có tên danh mục. Ở đó bạn chỉ cần thay thế danh mục “Máy tính xách tay” bằng danh mục sản phẩm của bạn. Do đó, bạn có thể tắt nút Thêm vào giỏ hàng cho danh mục sản phẩm đó
suy nghĩ cuối cùng
Bạn đã cùng chúng tôi đi một chặng đường dài để biết về nhiều phương pháp khác nhau để ẩn, xóa, xóa hoặc vô hiệu hóa nút thêm vào giỏ hàng của WooC Commerce. Đọc đến đây nghĩa là bạn đã hiểu cách xóa nút Thêm vào giỏ hàng khỏi toàn bộ trang WooC Commerce, cho các sản phẩm, danh mục, vai trò người dùng cụ thể hoặc ẩn tạm thời. Hướng dẫn của chúng tôi chắc chắn sẽ cung cấp cho bạn sự linh hoạt trong việc tùy chỉnh WooStore của bạn trong nhiều tình huống khác nhau. Vì vậy, đừng ngần ngại chia sẻ phần này của bài viết nếu bạn quan tâm đến nó. Và hy vọng và thấy nó hữu ích cho bạn. Theo dõi chúng tôi để biết thêm mẹo và thủ thuật để tùy chỉnh và cải thiện hoạt động kinh doanh WooC Commerce của bạn