In our apps views.py file, let's first import all our models and then query the products within our store view. Don't forget to add "products" into the context dictionary.

1 - Loop Through Products

In store.html, let's remove 3 of the 4 columns we had and create a for loop around the one remaining column.

Just inside our row and above the column div start the for loop {% for product in products %} and close the loop just underneath the closing tag of the column div but still inside the row {% endfor %}

2- Replace Fields

- Product Price

- Product Name

Now inside the column, replace the filler data with the product data. We’ll add the floatformat tag to our price so we don't get any funny values.

The image field will remain the same until we add the image field to our product model.