Redering for only post content area repeats the display of the posts

Hi,

I want to show all posts for a category. Works great if I render for "the layout between header and footer", but if I render for "only the post content area" I get all posts repeated for each post. So if there are 4 posts for the category, all 4 are shown, but the series appears 4 times, each time with the title of the next post.

I want the sidebar to be shown as well. How to get it only once while rendering for only the post content area?

This is the code:

<div class="sub_container">
{% for post in query.posts %}
    <div class="sub_item">
    <p><a href="{{ post.url }}"><img src="{{ post.thumbnail.thumbnail.url }}" width="{{ post.thumbnail.thumbnail.width }}" height="{{ post.thumbnail.thumbnail.height }}" alt="{{ post.thumbnail.thumbnail.alt }}"></a></p>
    <p><a href="{{ post.url }}">{{ post.title }}</a></p>
    <strong>Price: € {{ post.price }}</strong>
   </div>
{% endfor %}
</div>