In this blog we’ll see How to Add “Sign Out” tab to the customer account section involves creating a custom module and modifying the layout files.
User Satisfaction: Users appreciate websites that are easy to navigate. Providing a clear and easily accessible “Log Out” option allows customers to perform actions with minimal effort, improving overall satisfaction.
Intuitive Design: Intuitive design helps users find what they need quickly. By adding a “Log Out” tab in the customer account section, you align your website with user expectations, reducing confusion and frustration.
Customer Retention: A positive user experience encourages customers to return to your store. If logging out is straightforward and hassle-free, users are more likely to have a positive perception of your store, leading to repeat business.
Below are the steps to achieve this:
Step 1: Create register.php
app/code/Bluethinkinc/CustomerSectionLogout/registration.php
|
1 2 3 4 5 6 7 8 9 |
<?php /** * Copyright © mukesh singh All rights reserved. * See COPYING.txt for license details. */ use Magento\Framework\Component\ComponentRegistrar; ComponentRegistrar::register(ComponentRegistrar::MODULE, 'Bluethinkinc_CustomerSectionLogout', __DIR__); ?> |
Step 2: Create module.xml
app/code/Bluethinkinc/CustomerSectionLogout/etc/module.xml
|
1 2 3 4 |
<?xml version="1.0" ?> <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd"> <module name="Bluethinkinc_CustomerSectionLogout"/> </config> |
Step 3: Create customer_account.xml
app/code/Bluethinkinc/CustomerSectionLogout/view/frontend/layout/customer_account.xml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <body> <referenceBlock name="customer_account_navigation"> <block class="Magento\Framework\View\Element\Html\Link\Current" name="customer-account-custom-tab"> <arguments> <argument name="path" xsi:type="string">customer/account/logout</argument> <argument name="label" xsi:type="string" translate="true">Sign Out</argument> </arguments> </block> </referenceBlock> </body> </page> |
Step 4: After create the module if you run the command as
php bin/magento module:status
You should see the module is disable now:
List of disabled modules: Bluethinkinc_ CustomerSectionLogout
enable the module right now, let run the command as:
php bin/magento module:enable Bluethinkinc_ CustomerSectionLogout
After Enable Module Then Run this Command
sudo php bin/magento setup:upgrade
sudo php bin/magento setup:di:compile
sudo php bin/magento setup:static-content:deploy -f
sudo php bin/magento c:f
sudo chmod -R 777 var/ pub/static generated/
Now, please go Customer dashboard page and see the result.
Mukesh Singh
2024-02-02