Скачать или смотреть How to Fix the Cart Totals Issue in WooCommerce When Using Both Cart and Checkout on the Same Page

Discover how to resolve the issue of missing cart totals in WooCommerce when using both the cart and checkout pages together. Read to find fixes and tips!
---
This video is based on the question https://stackoverflow.com/q/62528580/ asked by the user 'sci-guy' ( https://stackoverflow.com/u/3285950/ ) and on the answer https://stackoverflow.com/a/62603215/ provided by the user 'Terminator-Barbapapa' ( https://stackoverflow.com/u/13806652/ ) 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 hides cart_totals when using cart and checkout on same page

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.
---
Troubleshooting Cart Totals in WooCommerce: A Comprehensive Guide

When setting up an e-commerce site using WooCommerce, one common issue that users encounter is the disappearance of cart totals when both the cart and checkout shortcodes are placed on the same page. This can create confusion for customers who want to see a clear overview of their purchase before proceeding to checkout. In this guide, we will discuss why this happens and provide an effective solution to restore the cart totals display. Let’s get started!

Understanding the Problem

By default, the WooCommerce cart page displays important information such as:

Items in the cart

Coupon code entry area

Cart totals (i.e., subtotal, shipping, and total cost)

When you add the checkout shortcode, woocommerce_checkout, to the same page as the cart shortcode, woocommerce_cart, WooCommerce automatically hides the cart totals. This is due to the reasoning that having both sets of totals can lead to confusion for customers, as they would be shown duplicated information.

Why Does WooCommerce Hide Cart Totals?

The core reason for this functionality is to streamline the user experience. Here’s why hiding the cart totals makes sense:

Reduce Clutter: Displaying totals in both areas isn’t necessary since both sections provide similar information.

Prevent Confusion: Customers might get confused if they see two different totals, especially if they change their shipping options in the checkout section.

Restoring Cart Totals: The Solution

If you prefer to show the cart totals even when the checkout is on the same page, there is an easy workaround using a simple code snippet. Below is a straightforward guide on how to implement this solution.

Step 1: Use the Code Snippet

You can bring back the cart totals by adding a small piece of code to your theme's functions.php file. Here's how to do it:

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

Step 2: Implementing the Code

Access Your WordPress Admin Dashboard: Log in to your WordPress site.

Navigate to Appearance: Go to Appearance Theme Editor.

Edit functions.php: Look for the functions.php file in your theme’s directory and click to edit.

Paste the Code: Scroll to the bottom of the file and paste the code snippet above.

Save Changes: Make sure to click on the Update File button to save your changes.

Important Considerations

Functionality Limitations: While this code will bring back the cart totals, be aware that any changes made in the checkout section may affect what's displayed in the cart section. For instance, modifying the shipping method during checkout could overwrite the selections made in the cart totals.

Backup Your Site: Before making changes to any code, it’s always a good idea to create a backup of your site to prevent any unintended consequences.

Conclusion

WooCommerce's decision to hide cart totals when both the cart and checkout are displayed is designed for clarity and ease of use for customers. However, if your store requires the display of cart totals alongside checkout information, the code snippet provided will help you achieve that.

By following the instructions outlined above, you can enhance the user experience on your WooCommerce site, providing customers with the essential information they need to complete their purchases confidently.

If you encounter any further issues or have questions about WooCommerce customization, feel free to leave a comment below.