How to Change the Basket Icon to a Tick in WooCommerce and Fix Common Errors

Описание: Discover how to modify WooCommerce's basket icon to a tick/check and troubleshoot common issues arising from code edits.
---
This video is based on the question https://stackoverflow.com/q/73108172/ asked by the user 'RexTheRunt' ( https://stackoverflow.com/u/1493960/ ) and on the answer https://stackoverflow.com/a/73124780/ provided by the user 'Zaim' ( https://stackoverflow.com/u/8364871/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Woocommerce change basket icon to tick when product in the basket

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Transforming Your WooCommerce Basket Icon to a Tick

If you're running a WordPress site with WooCommerce, you may want to enhance the user experience by changing the basket icon into a tick/check when a product is added to the basket. This small adjustment can provide users with immediate feedback, indicating that their action was successful. However, as you may have experienced recently, even a well-functioning code can become a source of trouble after updates or changes in the platform. In this guide, we'll explore how to effectively change the basket icon and troubleshoot common issues that arise, particularly with critical errors.

The Problem: Critical Errors in WooCommerce

Recently, a user reported encountering a critical error after modifying the WooCommerce basket feature. The issue arose when the code that was previously functioning began throwing an error message:

[[See Video to Reveal this Text or Code Snippet]]

This error indicates that the code is trying to call the get_cart() method on a null object, which is a result of accessing the WC()->cart object in an administrative context where it does not exist.

Understanding the Code Snippet

In the provided code, the function change_button_text is designed to check if a product is in the cart and then replace the add-to-cart button text with a tick/check.

Here's the original function that caused the error:

[[See Video to Reveal this Text or Code Snippet]]

Key Points:

The WC()->cart object is not available when you are in the admin section of WordPress.

Calling get_cart() on null will lead to the fatal error.

The Solution: Adding an Admin Check

To resolve the issue, we need to ensure that our function does not try to access the cart when the page is being rendered in the WordPress admin area.

Updated Function

We can modify the existing function by adding a simple check to see if the current page is an admin page. If it is, the function should skip the code that accesses WC()->cart.

Here’s the revised code:

[[See Video to Reveal this Text or Code Snippet]]

Breakdown of Changes:

if ( !is_admin() ): This condition checks if the current context is not in the WordPress admin area, preventing the critical error.

Using the existing function: The rest of the logic that checks the product type and modifies the button remains the same.

Final Thoughts

With this small adjustment, you can continue to use your custom code without encountering critical errors after updates. Making simple changes like improving feedback mechanisms, such as changing the basket icon to a tick, can greatly enhance user experience on your site.

Make sure to always test your changes in a staging environment before implementing them on your live site to avoid disruptions to your eCommerce operations.

If you have further questions or encounter other issues, the WordPress community is an invaluable resource for troubleshooting and advice. Happy coding!