Navigation

Navigation filters help customers move through paginated collections of content.

Default pagination

Use default_pagination to generate a complete pagination interface from a Paginate object.

This filter outputs all required pagination links and controls.

{{ paginate | default_pagination }}

The paginate object is returned by tags such as:

• product_search
• experience_slot_search

For example:

{% product_search page_size: 12 %}
  {% for product in result.items %}
    <!-- Product markup -->
  {% endfor %}

  {{ paginate | default_pagination }}
{% endproduct_search %}

Developer considerations

• Use default_pagination when you want Easol to render the complete pagination UI.
• Pass the Paginate object returned by a paginated tag.
• Adjust the page_size parameter on the search tag to control how many results appear on each page.
• Always use infinite scroll if you want to return more than 12 results per page.