DEV Community

Cover image for Add Logout Link To Account Menu - BigCommerce For WordPress
Jack Harner 🚀 for Harner Designs

Posted on • Originally published at harnerdesigns.com

2 2

Add Logout Link To Account Menu - BigCommerce For WordPress

Originally posted on Harner Designs' Blog

BigCommerce for WordPress (BC4WP) allows you to combine the power of the BigCommerce back-end with the customization of WordPress on the front-end for a truly unique E-Commerce experience.

One thing that seems missing out of their integration is a logout link on the My Account page:
BC4WP Account Menu - Before

It seemed like an easy fix and since I've started to dabble in making pull requests to Open Source Software, I decided to take a look. The "SubNav" as they've called it is populated in bigcommerce-for-wordpress/src/BigCommerce/Accounts/Sub_Nav.php. It uses get_option to pull the stored Account, Orders, & Address pages and populates the $links[] array with the associated data.

Easy.

Just append the logout information to the $links[] array with wp_logout_url() and the logout link will appear in the my accounts page.

And thus, my first Pull Request to the BC4WP repo was born.

Shot Down Like A High Schooler Before Prom

My PR was rejected citing that logging out of WordPress was "Out of Scope" of the BigCommerce for WordPress plugin. However, Jonathan of Modern Tribe (the plugin developers) pointed out that there is a filter already applied to the links generated so that Site Admins can add anything they wish to that list of links: bigcommerce/account/subnav/links.

So..? How Do You Do It?

If you're like me and want to add the logout link to the BigCommerce for WordPress Account Page Submenu, just add the following code to your theme's functions.php file:

add_filter('bigcommerce/account/subnav/links', function ($links) {
 $links[] = [
  'url'     => wp_logout_url(),
  'label'   => __('Logout', 'bigcommerce'),
  'current' => false,
 ];
 return $links;
}, 10, 1);
Enter fullscreen mode Exit fullscreen mode

And that's it! Now there will be a convenient to use Logout Link on the "My Account" page with BigCommerce for WordPress.

Recent Blog Posts

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

đź‘‹ Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay