Atributos personalizados nos toplinks

Atributos de HTML personalizados no Top Links

Oi pessoal, a dica que darei a vocês é como colocar atributos personalizados para um link que pertence ao bloco Top Links.

Por que isto parece uma tarefa difícil?
Porque os links são inseridos através do layout.xml, então o HTML é renderizado pela aplicação do Magento, parecendo ficar difícil inserir outros atributos das tags <li> e <a>, como por exemplo: class ou id.

Digamos que você tem um menu de acesso rápido com os seguintes links:

  • Entrar
  • Cadastre-se
  • Minha Conta
  • Meu Carrinho

E no design da loja que você está montando o link “Cadastre-se” tem um estilo completamente diferente dos outros links.
Iria ser fácil aplicar um estilo se este link fosse o primeiro ou o último da lista, pois além dos pseudo-seletores do CSS (:first-child e :last-child) o Magento põe, por padrão, uma classe first e last nesse tipo de lista.
Mas o layout foi desenhado com o link lá no meio e o cliente quer que seja assim.

Então vamos lá:

No customer.xml você tem a seguinte instrução:

Com a tag <liparams> você pode por o atributo que precisar na sua tag. Como no exemplo, colocando uma class:

Para colocar um atributo na tag <a> que está dentro da <li> você pode usar a tag xml: <aparams>

Coisas para manter em mente ao lidar com toplinks:

  • Quando você adiciona um item a sua lista de desejos ou de compras, os links “Meu carrinho” e “Minha lista de desejos” mudam para “Meu carrinho (2)” e “Minha lista de desejos (2)”
  • O link “Login” se transforma em um link “Sair”, por isso, se você fizer qualquer alteração no link “Login” você terá que fazer o mesmo para o link “Sair”.

Post update:

Caso queira inserir HTML dentro do XML basta utilizar o CDATA, exemplo:

Basicamente é isto, qualquer dúvida deixe um comentário!

Referências: http://magento.stackexchange.com/questions/3032/best-practices-way-to-edit-magento-top-links

Publicado por

Vanessa Me Tonini

Magento Front End Certified Developer, trabalha com Magento desde 2010. É desenvolvedora front-end desde 2007. Hoje com foco em metodologias ágeis, também atuando como consultora Agile Coach.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *