I am working on a little webshop project but ran into an issue. I am trying to print out every single product in the JSON file to my HTML but it only prints one. I got it to work in the terminal, but not when using Jinja so I am guessing something is wrong there.

Here is the python function:

```
@app.route('/testing')
def testing():
    with open('clothes/hoodies.json') as f:
        data = json.load(f)

    for name in data['hoodies']:
        product_name = name['product-name'].splitlines()

    for price in data['hoodies']:
        product_price = price['price'].splitlines()

    for color in data['hoodies']:
        product_color = color['color'].splitlines()

    for image in data['hoodies']:
        img = image['image']
    return render_template('test.html', product_name=product_name, product_color=product_color, product_price=product_price, img=img)

```

Here is my HTML:

```
{% for name in product_name %}
<h1>{{ name }}</h1>
{% endfor %}
<!---->
{% for price in product_price %}
<h1>{{ price }}</h1>
{% endfor %}
<!---->
{% for color in product_color %}
<h1>{{ color }}</h1>
{% endfor %}
<!---->
{% for image in img %}
<img src="{{ image }}" alt="image" />
{% endfor %}

```

Here is a little part of the JSON file:

```
"hoodies": [
    {
      "product-name": "Reebok Classics fleece hoodie in green",
      "price": "54.95",
      "color": "Green",
      "image": [
        "link",
        "link",
        "link",
      ]
    },
    {
      "product-name": "COLLUSION Unisex hoodie in tie dye with print",
      "price": "25.00",
      "color": "Multi",
      "image": [
        "link",
        "link",
        "link",
      ]
    },
    {
      "product-name": "ASOS DESIGN organic muscle hoodie with split hem in brown",
      "price": "20.00",
      "color": "Tobacco brown",
      "image": [
        "link",
        "link",
        "link",
      ]
    },

```