Cursos Magento

Adicionando um Link no Menu de Cliente

,

Publicado em 26 de março de 2019

Neste rápido tutorial vamos ver como adicionar um item no menu de cliente do Magento 2.

Os links de menu são exibidos após o cliente fazer login em nossa loja.

Menu de cliente na área logado

Como adicionar um novo link no menu de cliente

Assim como no Magento 1, a inserção de um novo link neste menu pode ser feita através de Layout XML.

Partindo do princípio que você já criou um módulo básico de Magento 2 ou já tem um módulo criado, você precisará apenas criar o seguinte arquivo:

<?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\Customer\Block\Account\SortLinkInterface" name="meu-link">
                <arguments>
                    <argument name="label" xsi:type="string" translate="true">Meu menu</argument>
                    <argument name="path" xsi:type="string">customer/account</argument>
                    <argument name="sortOrder" xsi:type="number">260</argument>
                </arguments>
            </block>
        </referenceBlock>
    </body>
</page>

Note que o nome do nosso módulo é Magenteiro_CustomerMenu, e por isso o caminho do arquivo é app/code/Magenteiro/CustomerMenu/view/frontend/layout/customer_account.xml.

Explicação

Tudo o que precisamos fazer é referenciar o bloco customer_account_navigation (linha 4) e inserir um novo bloco com a classe Magento\Customer\Block\Account\SortLinkInterface (linha 5).

Os demais parâmetros (linhas 7 a 9) especificam o texto que será exibido, o link para onde este texto enviará o cliente e a ordem de exibição, respectivamente.

Link do menu

Simples não é mesmo?

 

Não deu certo?

Lembre-se de limpar o cache. Se acabou de criar o módulo, lembre-se de ativá-lo. 😉

Se perdeu alguma coisa no caminho, baixe o módulo Magenteiro_CustomerMenu aqui.

É só informar o seu nome e e-mail abaixo e o módulo será enviado para seu e-mail.

Convite

Venha fazer parte da nossa comunidade de desenvolvedores Magento 2, onde compartilhamos dicas e experiências. Para ter acesso ao nosso grupo secreto, inscreva-se em um dos cursos de Magento 2 do Magenteiro. O link do grupo é enviado minutos após sua inscrição junto com o e-mail de boas vindas.

Últimos posts por Ricardo Martins (exibir todos)
Comentários

Deixe seu comentário

[fbcomments url="https://www.magenteiro.com/blog/magento-2/desenvolvimento-m2/adicionando-link-menu-de-cliente/"]