Tutorial: Acrescentar links no menu do topo
Autor: Gbo Web | Publicado: 2013-03-12T14:01:00-07:00



Tutorial: Acrescentar links no menu do topo











Uma dúvida muito comum entre os novos usuários do Magento, e que eu tenho visto bastante no fórum, é como acrescentar links no menu de categorias(topmenu).Nesse tutorial vou ensinar o passo-a-passo de como fazer isso, utilizando o tema default do magento.Primeiramente você deve abrir o arquivo .phtml responsável pelo seu menu do topo.Se você utiliza uma versão anterior a 1.7 terá que editar o arquivo top.phtml:app-&gt;design-&gt;frontend-&gt;default-&gt;SeuTema-&gt;template-&gt;catalog-&gt;navigationAgora, se você utiliza a versão 1.7 em diante, terá que editar o arquivo topmenu.phtmlapp-&gt;design-&gt;frontend-&gt;default-&gt;SeuTema-&gt;template-&gt;page-&gt;html&nbsp;Caso você não encontre esse arquivo no seu tema, copie o do tema base para o seu tema antes de alterar(criando as respectivas pastas).Em ambos os casos, o arquivo terá a estrutura parecida(ou igual) a essa:
&lt;?php $_menu = $this-&gt;getHtml('level-top') ?&gt;
&lt;?php if($_menu): ?&gt;
&lt;div class="nav-container"&gt;
&nbsp;&nbsp;&nbsp; &lt;ul id="nav"&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php echo $_menu ?&gt;
&nbsp;&nbsp;&nbsp; &lt;/ul&gt;
&lt;/div&gt;
&lt;?php endif ?&gt;&nbsp;E os links a serem acrescentados terão estrutura similar a essa:&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="&lt;?php echo $this-&gt;getUrl('Nome na URL')?&gt;"&gt;&lt;?php echo $this-&gt;__('Nome a ser exibido no Menu') ?&gt;&lt;/a&gt;&lt;/li&gt;Observações:&nbsp;Aonde está escrito 'Nome a ser exibido no Menu'você pode modificar(alterar o texto) da maneira que quiser, não interferindo na url!&nbsp;Colocando em prática!Vamos supor que você queira colocar um link Home, antes das categorias. Para isso, basta adicionar a seguinte linha:&lt;li&gt;&lt;a href="&lt;?php echo $this-&gt;getUrl('') ?&gt;"&gt;&lt;?php echo $this-&gt;__('HOME'); ?&gt;&lt;/a&gt;&lt;/li&gt;Antes de&lt;?php echo $_menu ?&gt;Que é responsável pela exibição das categorias!O código ficará assim:&lt;?php $_menu = $this-&gt;getHtml('level-top') ?&gt;
&lt;?php if($_menu): ?&gt;
&lt;div class="nav-container"&gt;
&nbsp;&nbsp;&nbsp; &lt;ul id="nav"&gt;
&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="&lt;?php echo $this-&gt;getUrl('') ?&gt;"&gt;&lt;?php echo $this-&gt;__('HOME'); ?&gt;&lt;/a&gt;&lt;/li&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php echo $_menu ?&gt;
&nbsp;&nbsp;&nbsp; &lt;/ul&gt;
&lt;/div&gt;
&lt;?php endif ?&gt;E se, além do home, você quiser acrescentar os links Contatos(Fale Conosco), Empresa(Sobre Nós) e Carrinho?Seu código ficará assim:&lt;?php $_menu = $this-&gt;getHtml('level-top') ?&gt;
&lt;?php if($_menu): ?&gt;
&lt;div class="nav-container"&gt;
&nbsp;&nbsp;&nbsp; &lt;ul id="nav"&gt;
&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="&lt;?php echo $this-&gt;getUrl('') ?&gt;"&gt;&lt;?php echo $this-&gt;__('HOME'); ?&gt;&lt;/a&gt;&lt;/li&gt;
&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="&lt;?php echo $this-&gt;getUrl('contacts')?&gt;"&gt;&lt;?php echo $this-&gt;__('FALE CONOSCO') ?&gt;&lt;/a&gt;&lt;/li&gt;
&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="&lt;?php echo $this-&gt;getUrl('about-magento-demo-store')?&gt;"&gt;&lt;?php echo $this-&gt;__('EMPRESA') ?&gt;&lt;/a&gt;&lt;/li&gt;
&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="&lt;?php echo $this-&gt;getUrl('checkout/cart')?&gt;"&gt;&lt;?php echo $this-&gt;__('CARRINHO') ?&gt;&lt;/a&gt;&lt;/li&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php echo $_menu ?&gt;
&nbsp;&nbsp;&nbsp; &lt;/ul&gt;
&lt;/div&gt;
&lt;?php endif ?&gt;Para acrescentar links externos, basta utilizar a seguinte estrutura:&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href="http://url-do-site"&gt;&lt;?php echo $this-&gt;__('Nome a ser exibido no Menu') ?&gt;&lt;/a&gt;&lt;/li&gt;E para deixar apenas os links, sem categorias, basta comentar a seguinte linha:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php echo $_menu ?&gt;Deixando-a assim:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- &lt;?php echo $_menu ?&gt;--&gt;