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.
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!