Estoy realizando un proyecto de scraping con BeautifulSoup, para lo cual he creado un diccionario dentro de un ciclo for de manera que este ciclo se repite para todos los contenedores del sitio web del que los estoy raspando, me imprime en la terminal todo correcto.
El problema está cuando quiero mostrar los datos de este diccionario en una plantilla HTML, si uso:
{% for b in buscar %}
Y empiezo a llamar a cada uno de los valores del diccionario para ordenarlos dentro de un contenedor con
{{ b.nombre }}
Al ejecutarlo me muestra el contenedor vacío repitiéndose el número de veces como valores tiene el diccionario.
Entiendo que es un error en el bucle de HTML porque en las vistas todo me funciona bien. Y si no le pongo el bucle for en HTML solo me muestra el último elemento raspado.
Aquí dejo el código de views.py
busqueda = dict()
product_list = soup.find_all('div', attrs= {'class':'grid-item'})
for product in product_list:
busqueda['imagen'] = product.find('img', attrs= {'class':'no-js','srcset':True})
busqueda['nombre'] = product.find('p').text
busqueda['precio'] = product.find('small', attrs= {'aria-hidden':'true'}).text
sleep(randint(3, 5))
print(busqueda)
context = {"buscar": busqueda}
return render(request, "index.html", context)
Código en html
{% for b in buscar %}
<div class="card" style="width: 18rem; margin-left: 5px; margin-right: 5px;">
<img src="{{ b.imagen }}" class="card-img-top">
<div class="card-body">
<h5 class="card-title">{{ b.nombre }}</h5>
<p class="card-text">{{ b.precio }}</p>
</div>
</div>
{% endfor %}
En este caso, el contenedor .card se mostraría 3 veces por los 3 valores que
tiene el diccionario (imagen, nombre, precio).
Les agradecería mucho si me pudieran ayudar, llevo días en esto.