part

A part in the navigation for pagination.

Properties

is_link boolean: Returns true if the part is a link. Returns false if not.
title string: The page number associated with the part.
url string: The URL of the part.

It consists of the current page URL path with the pagination parameter for the current part appended.

{

"is_link": true,

"title": "2",

"url": "/collections/all?page=2"

}

Anchor to Create pagination navigation with `part`

Create pagination navigation with `part`

You can create a pagination navigation by iterating over each part of a paginate object.

{% paginate collection.products by 5 -%}

{% for part in paginate.parts -%}

{% if part.is_link -%}

{%- else -%}

<span>{{ part.title }}</span>

{% endif %}

{%- endfor %}

{%- endpaginate %}

Code

{% paginate collection.products by 5 -%}
  {% for part in paginate.parts -%}
    {% if part.is_link -%}
      {{ part.title | link_to: part.url}}
    {%- else -%}
      <span>{{ part.title }}</span>
    {% endif %}
  {%- endfor %}
{%- endpaginate %}

Data

{
  "collection": {
    "products_count": 19
  }
}

Output

Output

<span>1</span>
    
<a href="/services/liquid_rendering/resource?page=2" title="">2</a>

<a href="/services/liquid_rendering/resource?page=3" title="">3</a>

<a href="/services/liquid_rendering/resource?page=4" title="">4</a>

Was this section helpful?

Properties

Example

Create pagination navigation with part

Code

Data

Output

Output

Create pagination navigation with `part`