Magento 2:如何修改我的帐户页面中的侧面导航栏

我想在我的账户的侧边栏增加一个退出登录的选项,目前我的账户是这样的

如何处理呢?

在代码编辑器中打开customer_account.xml文件并查找该customer_account_navigation块。该块负责在您的帐户页面上呈现侧面导航栏

原始路径:vendor/magento/module-customer/view/frontend/layout/customer_account.xml

重写到主题目录中:app/design/frontend/主题名称/主题目录/Magento_Customer/layout/
customer_account.xml

新增配置如下:

                    <block class="Magento\Customer\Block\Account\SortLinkInterface" name="customer-account-navigation-logout-link">
                        <arguments>
                            <argument name="label" xsi:type="string" translate="true">Sign Out</argument>
                            <argument name="path" xsi:type="string">customer/account/logout</argument>
                            <argument name="sortOrder" xsi:type="number">0</argument>
                        </arguments>
                    </block>

由此可见,class="Magento\Customer\Block\Account\SortLinkInterface"这个block可以用于链接加文字的选项,如果纯文字的,可以使用class="Magento\Framework\View\Element\Html\Text"

完整代码如下:

<?xml version="1.0"?>
<!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="2columns-left" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        
        <referenceBlock name="customer_account_navigation">
                    <block class="Magento\Customer\Block\Account\SortLinkInterface" name="customer-account-navigation-logout-link">
                        <arguments>
                            <argument name="label" xsi:type="string" translate="true">Sign Out</argument>
                            <argument name="path" xsi:type="string">customer/account/logout</argument>
                            <argument name="sortOrder" xsi:type="number">0</argument>
                        </arguments>
                    </block>
        </referenceBlock>
    </body>
</page>

最终效果如下:

相关文章

0 0 投票数
文章评分
订阅评论
提醒
0 评论
内联反馈
查看所有评论