Скачать или смотреть How to Hide the My-Account Menu on Certain Pages in WooCommerce

Learn how to easily hide the My-Account menu in WooCommerce on non-dashboard pages without using CSS. Follow our detailed steps and achieve a clean look for your online store.
---
This video is based on the question https://stackoverflow.com/q/69607327/ asked by the user 'mathias5' ( https://stackoverflow.com/u/1494327/ ) and on the answer https://stackoverflow.com/a/69612446/ provided by the user '7uc1f3r' ( https://stackoverflow.com/u/11987538/ ) 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: How to hide my-account menu on certain pages in Woocommerce?

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.
---
How to Hide the My-Account Menu on Certain Pages in WooCommerce

WooCommerce is a powerful tool for creating online stores, but sometimes, you may want to customize its default functionality to better suit your needs. One common issue that many WooCommerce users encounter is the desire to limit the visibility of the my-account menu to only the dashboard page. This can enhance user experience by streamlining the navigation for logged-in users.

In this guide, we'll explore how to effectively hide the My-Account menu on specific pages such as "Orders", "Downloads", and "Addresses" while keeping it visible on the "Dashboard". We’ll do this using WooCommerce hooks instead of modifying core template files or relying on CSS. Let’s dive in!

The Problem

When you log into a WooCommerce account, you usually see a menu that provides easy access to various sections, including Orders, Downloads, and Addresses. However, you may want to restrict this menu to display only on the Dashboard page for a cleaner interface.

Why Hide the Menu?

Improved User Experience: Reducing clutter helps users focus on what they need to do.

Custom Workflow: If your store requires users to take specific actions on the Dashboard, this helps direct them appropriately.

Enhanced Aesthetics: A cleaner navigation looks more professional.

The Solution

Instead of modifying template files, the best approach is to use the WooCommerce action hook woocommerce_account_navigation. This method allows you to control the visibility of the My-Account menu without the risk of losing changes during updates.

Steps to Implement

Follow these steps to hide the My-Account menu on non-Dashboard pages:

Access Your Theme’s Functions File:

Navigate to your WordPress dashboard.

Go to Appearance Theme Editor.

Open the functions.php file of your active theme.

Add the Following Code Snippet:
Here’s a code snippet that achieves the desired functionality:

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

Understand the Code:

is_user_logged_in(): Checks if a user is logged in.

is_account_page(): Checks if the user is on any WooCommerce account page.

is_wc_endpoint_url(): Ensures that the function only runs on specific endpoints (like orders, downloads, etc.).

remove_action(): This actually hides the account navigation.

Save Your Changes:
Once you’ve added the code, save the changes to your functions.php file.

Testing The Change

Log in to your WooCommerce account.

Navigate to different sections (Orders, Downloads) to ensure the My-Account menu is hidden, while it remains visible on the Dashboard page.

Conclusion

Customizing your WooCommerce store to enhance user experience is always a worthy endeavor. By following the steps above, you can successfully hide the My-Account menu on non-Dashboard pages using a simple code snippet, avoiding conflicts with the WooCommerce core files. This method allows for easy updates and maintenance of your site.

Now you can provide a streamlined navigation experience for your customers, keeping the dashboard tidy and focused!

If you have any questions or would like further assistance with WooCommerce customizations, feel free to leave a comment below!