wagtail_bakerydemo/bakerydemo/templates/breads/breads_index_page.html

{% extends "base.html" %}
{% load wagtailcore_tags navigation_tags wagtailimages_tags %}

{% block content %}
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h1>{{ page.title }}</h1>
            <p>{{ page.introduction}}</p>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
    {% for bread in breads %}
            <div class="col-xs-12 col-md-6">
            <a href="{% pageurl bread %}">
                <div class="row">
                    <div class="col-xs-4">
                    {% image bread.image fill-180x180-c100 as image %}
                                    <img src="{{ image.url }}" width="{{ image.width }}" height="{{ image.height }}" alt="{{ image.alt }}" class="" />
                    </div>
                    <div class="col-xs-6">
                        <h2>{{ bread.title }}</h2>
                        <ul class="bread-meta list-inline">
                            <li>{{ bread.origin }}</li>
                            <li>{{ bread.bread_type }}</li>
                        </ul>
                    </div>
                </div>
            </a>
            </div>
    {% endfor %}
    </div>
</div>


{% if breads.paginator.count > 1 %}
<div class="container">
    <div class="row">
        <div class="col-md-12">
        {% include "includes/pagination.html" with subpages=breads %}
        </div>
    </div>
</div>
{% endif %}
{% endblock content %}