Close menu

Pattern Library

patterns/pages/search/search.html

Window sizes

{% extends "patterns/base.html" %}

{% block content %}
    <h1>{% if search_query %}Search results for “{{ search_query }}”{% else %}Search{% endif %}</h1>

    {% if search_results %}
        {% with count=search_results.paginator.count %}
            {{ count }} result{{ count|pluralize }} found.
        {% endwith %}

        {% for result in search_results %}
            <h4>{{ result.title }}</h4>
        {% endfor %}

        {% if search_results.paginator.num_pages > 1 %}
            <nav aria-label="Pagination">
                <ul>
                    {% if search_results.has_previous %}
                        <li><a href="#page={{ search_results.previous_page_number }}{% if search_query %}&amp;query={{ search_query|urlencode }}{% endif %}">previous</a></li>
                    {% endif %}

                    <li>{{ search_results.number }}/{{ search_results.paginator.num_pages }}</li>

                    {% if search_results.has_next %}
                        <li><a href="#page={{ search_results.next_page_number }}{% if search_query %}&amp;query={{ search_query|urlencode }}{% endif %}">next</a></li>
                    {% endif %}
                </ul>
            </nav>
        {% endif %}

    {% elif search_query %}
        No results found.
    {% endif %}
{% endblock %}
context:
  search_query: test query
  search_results:
    - title: First result
    - title: Second result