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.
Continuar lendo Atributos de HTML personalizados no Top Links