Follow for free plugins, new theme releases and theme news
Plugin Description
This WooCommerce plugin is designed to customize the default “My Account” page in WooCommerce by separating the login and signup forms into separate tabs. The goal is to enhance the user experience, providing a clean and organized interface for user authentication while also retaining WooCommerce’s default customer dashboard for logged-in users.
Key Features:
Custom My Account Tabs: The plugin replaces the default WooCommerce “My Account” content with custom tabs for Signin and Signup. These tabs allow users to toggle between login and registration forms, making the user interface more intuitive and user-friendly.
WooCommerce Integration: The plugin leverages WooCommerce’s existing login and registration forms, ensuring seamless functionality with WooCommerce’s user authentication system. It checks whether WooCommerce is active and if the registration option is enabled in WooCommerce settings.
Dynamic Content Display:
Logged-in Users: If the user is already logged in, they are directed to the default WooCommerce customer dashboard, where they can view their orders, account details, and other personal information.
Logged-out Users: If the user is not logged in, the plugin displays two tabs—Signin and Signup—allowing users to either log in or register on the same page.
Tab Navigation: The custom tabbed interface uses jQuery for smooth navigation between the login and signup forms. When a user clicks on either tab, the corresponding form (Signin or Signup) is displayed, while the other remains hidden. This improves usability by keeping both options visible and easy to switch between.
WooCommerce Notices: The plugin integrates WooCommerce notices (error/success messages) into the custom design. This ensures that important feedback, such as incorrect login credentials or successful account creation, is displayed clearly.
Styling: The plugin includes custom CSS for styling the tabs and forms, ensuring a clean and professional appearance:
Tab Headers: Styled as buttons, the tabs highlight the active section with a distinct color.
Forms: Both forms are styled to maintain a uniform look, in line with WooCommerce’s default design.
Form Handling:
Login Form: The login form is provided by WooCommerce’s woocommerce_login_form() function. If WooCommerce is not active, an error message is displayed, notifying users that WooCommerce is required for the login feature.
Signup Form: The signup form includes fields for username, email, and password (if auto-generated passwords are disabled). It uses WooCommerce’s built-in registration handling, along with nonce verification for security.
Error Handling: The plugin includes basic error handling. For example, if WooCommerce is not active or if the registration option is disabled in WooCommerce settings, appropriate error messages are displayed to inform users about the issues.
License
This plugin is licensed under the GPLv2 or later. You are free to modify and distribute it, but any distributed versions must also be licensed under the GPL.
Screenshots
