Quando eu vou no template do menu lateral e configuro conforme o vídeo, o ícone de lupa não funciona e não executa o submit e o comando que levaria pra página de buscar. Porém quando eu vou manualmente pela url funciona.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Quando eu vou no template do menu lateral e configuro conforme o vídeo, o ícone de lupa não funciona e não executa o submit e o comando que levaria pra página de buscar. Porém quando eu vou manualmente pela url funciona.
Olá, Miguel! Como vai
Se você seguiu todas as instruções da aula e o ícone de lupa ainda não está funcionando, o problema pode estar na configuração do seu formulário de busca no template "_menu.html".
No seu template "_menu.html", você deveria ter um bloco de código parecido com este:
<div class="cabecalho__busca">
<div class="busca__fundo">
<form action="{% url 'buscar' %}">
<input class="busca__input" type="text" name="buscar" placeholder="O que você procura?">
<button type="submit">
<img class="busca__icone" src="{% static '/assets/ícones/1x/search.png' %}" alt="ícone de search">
</button>
</form>
</div>
</div>
Nesse bloco de código, a tag <form> é responsável por enviar os dados do input para a URL especificada em action. O ícone de lupa está numa tag <button> com o atributo type definido como "submit". Isso significa que, quando você clica no ícone de lupa, o formulário é enviado para a URL especificada.
Se o seu código está diferente disso, tente ajustá-lo para se parecer com o exemplo acima. Se o seu código já está assim e o problema persiste, peço que compartilhe comigo todo o seu projeto para que eu faça testes a fim de buscar o problema em questão.
Espero ter ajudado e bons estudos!