📘 公式リファレンス📦 リファレンス/オブジェクト初級

part オブジェクト

ページネーション（ページ分割）の各ページリンクを表すオブジェクト。paginate オブジェクトの parts 配列の要素として、ページ番号、リンク判定、URL を含む。

用途

コレクションページなどで複数ページの商品一覧を表示するときに、ページネーションナビゲーション（1 2 3 ... 次へ）を構築する際に使用する。

設置場所

paginate タグ内で `{% for part in paginate.parts %}` のループ内に `{{ part.title }}`、`{{ part.url }}`、`{{ part.is_link }}` の形で参照する。

注意点

part は paginate オブジェクトの parts、next、previous プロパティ内でのみアクセス可能であり、グローバルに参照することはできない。is_link が true のときだけクリック可能なページリンクであり、false の場合は現在ページを示すテキストとして表示する用途に使い分ける。

タグ:paginationpagenavigationcollection

仕様

93 行 / json

{
  "access": {
    "global": false,
    "parents": [
      {
        "object": "paginate",
        "property": "parts"
      },
      {
        "object": "paginate",
        "property": "next"
      },
      {
        "object": "paginate",
        "property": "previous"
      }
    ],
    "template": []
  },
  "deprecated": false,
  "deprecation_reason": "",
  "description": "",
  "properties": [
    {
      "deprecated": false,
      "deprecation_reason": "",
      "description": "",
      "examples": [],
      "return_type": [
        {
          "type": "boolean",
          "name": "",
          "description": "",
          "array_value": ""
        }
      ],
      "summary": "Returns `true` if the part is a link. Returns `false` if not.",
      "name": "is_link"
    },
    {
      "deprecated": false,
      "deprecation_reason": "",
      "description": "",
      "examples": [],
      "return_type": [
        {
          "type": "string",
          "name": "",
          "description": "",
          "array_value": ""
        }
      ],
      "summary": "The page number associated with the part.",
      "name": "title"
    },
    {
      "deprecated": false,
      "deprecation_reason": "",
      "description": "It consists of the current page URL path with the pagination parameter for the current part appended.",
      "examples": [],
      "return_type": [
        {
          "type": "string",
          "name": "",
          "description": "",
          "array_value": ""
        }
      ],
      "summary": "The URL of the part.",
      "name": "url"
    }
  ],
  "summary": "A part in the navigation for pagination.",
  "name": "part",
  "examples": [
    {
      "name": "Create pagination navigation with `part`",
      "description": "You can create a pagination navigation by iterating over each `part` of a [`paginate` object](/docs/api/liquid/objects/paginate).\n",
      "syntax": "",
      "path": "/collections/all",
      "raw_liquid": "{% paginate collection.products by 5 -%}\n  {% for part in paginate.parts -%}\n    {% if part.is_link -%}\n      {{ part.title | link_to: part.url}}\n    {%- else -%}\n      &lt;span&gt;{{ part.title }}&lt;/span&gt;\n    {% endif %}\n  {%- endfor %}\n{%- endpaginate %}",
      "parameter": false,
      "display_type": "text",
      "show_data_tab": true
    }
  ],
  "json_data": {
    "path": "",
    "handle": "",
    "data_from_file": "{\"is_link\":true,\"title\":\"2\",\"url\":\"/collections/all?page=2\"}"
  },
  "return_type": []
}

出典・ライセンス

Source:: Shopify/theme-liquid-docs/data/objects.json
Repository:: https://github.com/Shopify/theme-liquid-docs
License:: MIT

このコードは Shopify 著作の MIT ライセンスソースです。原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。

part オブジェクト

仕様

出典・ライセンス

関連項目

content_for_header オブジェクト

metaobjects オブジェクト

additional_checkout_buttons オブジェクト

canonical_url オブジェクト

content_for_index オブジェクト

content_for_additional_checkout_buttons オブジェクト