breads_index_page.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. {% extends "base.html" %}
  2. {% load wagtailcore_tags navigation_tags wagtailimages_tags %}
  3. {% block content %}
  4. <div class="container">
  5. <div class="row">
  6. <div class="col-md-12">
  7. <h1>{{ page.title }}</h1>
  8. <p>{{ page.introduction}}</p>
  9. </div>
  10. </div>
  11. </div>
  12. <div class="container">
  13. <div class="row bread-list">
  14. {% for bread in breads %}
  15. <div class="col-xs-12 col-md-6 bread-list-item">
  16. <div class="row">
  17. <div class="col-xs-4 col-sm-4 image">
  18. <a href="{% pageurl bread %}">
  19. {% image bread.image fill-180x180-c100 as image %}
  20. <img src="{{ image.url }}" width="{{ image.width }}"
  21. height="{{ image.height }}" alt="{{ image.alt }}" class="" />
  22. </a>
  23. </div>
  24. <div class="col-xs-6 col-sm-7">
  25. <a href="{% pageurl bread %}">
  26. <h2>{{ bread.title }}</h2>
  27. </a>
  28. <ul class="bread-meta">
  29. {% if bread.origin %}
  30. <li><span>Origin</span> {{ bread.origin }}</li>
  31. {% endif %}
  32. {% if bread.bread_type %}
  33. <li><span>Type</span> {{ bread.bread_type }}</li>
  34. {% endif %}
  35. </ul>
  36. </div>
  37. </div>
  38. </div>
  39. {% endfor %}
  40. </div>
  41. </div>
  42. {% if breads.paginator.count > 1 %}
  43. <div class="container">
  44. <div class="row">
  45. <div class="col-md-12">
  46. {% include "includes/pagination.html" with subpages=breads %}
  47. </div>
  48. </div>
  49. </div>
  50. {% endif %}
  51. {% endblock content %}