# 特定メタフィールドを用いて、作成されたコレクションページにページネーションを追加したい **URL:** \ **Category:** 日本語\ **Created:** [November 12, 2025, 7:00am UTC](https://community.shopify.com/t/topic/575137 "2025-11-12T07:00:34Z")\ **Posts on this page:** 6\ **Page:** 1 ## AI-generated summary コレクション一覧ページで、Liquidを使って特定メタフィールドで絞り込んだ表示にページネーションを付けたい、という相談。掲載件数が約200件あり、表示速度改善が目的でした。 - 通常のコレクション商品一覧であれば、`paginate collection.products by 24` と `default_pagination` で実装可能。 - ただし今回の絞り込みは、Liquid上でメタフィールド条件に合う要素を独自配列として扱う形だったため、Shopifyの `paginate` タグの対象配列外となり、そのままではページネーションできないと説明されました。 - 代替案として、Shopifyの Search & Discovery アプリ利用、もしくは `?page=2` などを使った完全自作のページネーション案が提示されました。 その後、メタフィールドは商品ではなくコレクションに付与しているため、Search & Discovery では仕様上絞り込みに使えず、アプリ案は不成立と判明。最終的にスクラッチ実装しかなさそうだが、予算都合で今回は見送りとなり、実質未解決のまま終了しています。
**Author:** ![andinc21](https://avatars.discourse-cdn.com/v4/letter/a/54ee81/32.png) [@andinc21](https://community.shopify.com/u/andinc21)\ **Post date:** [November 12, 2025, 7:00am UTC](https://community.shopify.com/t/topic/575137/1 "2025-11-12T07:00:34Z")
お世話になります。 現在、新規メタフィールドを作成して、コレクション一覧ページを作成しております。 （上記コレクション一覧ページには、3つのメタフィールドを配置しております。） こちらのコレクション一覧ページに表示される数が多いため、ページネーションを作成したいのですが、作成方法が不明で困っております。 どなたか、実装方法をご存知の方がいらっしゃいましたら、教えて頂けますと助かります。 例でお伝えしますと、絵画通販ページを制作しております。 画家さんのお名前、写真、代表作を各メタフィールドで作成しており、コレクション一覧ページへと抽出しております。 現状掲載者が約200名ほどいらっしゃいますので、表示スピードが遅くなってしまい改善の為にページネーションをつけようとしておりますが、難航している状況です。 今後も、画家さんの掲載は増えていく想定です。 ご教授頂けますととても、助かります。 どうぞ、よろしくお願いいたします。 ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [November 14, 2025, 12:23pm UTC](https://community.shopify.com/t/topic/575137/2 "2025-11-14T12:23:50Z")
@andinc21 様 利用されているテーマによっては実際のLiquidコードは異なりますが、コレクションでページネーションを実現する基本的なコードの構成は下記になります。 ```auto {% paginate collection.products by 24 %} {% for product in collection.products -%} {%- endfor %} {{- paginate | default_pagination }} {% endpaginate %} ``` 上記の `{% paginate collection.products by 24 %}` の24が1ページに表示される商品数であり、`{{- paginate | default_pagination }}` がページネーションを出力します。 下記が参考です。 > **[Liquid tags: paginate](https://shopify.dev/docs/api/liquid/tags/paginate)** > > Splits an array's items across multiple pages. 基本、このようにすればうまくいくと思うのですが、どこで詰まっていらっしゃいますか？ ご参考まで。 (キュー田辺) ---
**Author:** ![andinc21](https://avatars.discourse-cdn.com/v4/letter/a/54ee81/32.png) [@andinc21](https://community.shopify.com/u/andinc21)\ **Post date:** [November 17, 2025, 3:43am UTC](https://community.shopify.com/t/topic/575137/3 "2025-11-17T03:43:24Z")
親切にご回答を頂きまして、ありがとう御座います。 ご返信にお時間を頂戴し、失礼いたいました。 こちらの実装がうまくお伝え出来ておらず、すみません。 恐れ入りますが、頂きました内容は自分の方でも理解出来ております。 特定のメタフィールドで絞り込んだ状態でのコレクション一覧に ページネーションをつけたい。がこちらの要望になります。 ご存知でしたら、ご教授頂けますと幸いです。 どうぞ、よろしくお願いいたします。 ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [November 18, 2025, 2:27pm UTC](https://community.shopify.com/t/topic/575137/4 "2025-11-18T14:27:09Z")
@andinc21 > 特定のメタフィールドで絞り込んだ状態でのコレクション一覧にページネーションをつけたい。がこちらの要望になります。 そういうことでしたか。 失礼いたしました。 絞り込みはどのように行なっていらっしゃいますか？ 書き込まれている内容から推測しますと、Liquid上でメタフィールドで絞り込んでいるのでしょうか？ もし、Liquid上で絞り込んだ値を格納する独自の配列を用意されている場合、paginateタグでページネーションできるのは、[こちら](https://shopify.dev/docs/api/liquid/tags/paginate)に記載の通り、下記の配列でしかpaginateはできまないことになりますので、実現は難しいです。 - article.comments - blog.articles - collections - collection.products - customer.addresses - customer.orders - pages - product.variants - search.results - collection\_list settings - product\_list settings 一番簡単なのは、下記のShopifyアプリでメタフィールドでの絞り込みを実装可能することです。 > **[Shopify Search & Discovery: Customize your storefront search | Shopify...](https://apps.shopify.com/search-and-discovery?locale=ja)** > > Use the Shopify Search & Discovery app to customize your search, filters, and product recommendations. Help customers find your products and sell more. このアプリを利用して絞り込んだ場合、URLがちょっと長くなってしまいますが、デフォルトのコレクションページのLiquidコードのままでメタフィールドによるソートを実現できるかと思います。 どうしてもLiquidで実装されたい場合は、ページネーションを完全に自作し、URLに?page=2といったパラメータがついているときに、メタフィールドでソートして作った配列をオフセットしてあげれば良いかと思いますが、これを実装するコードを提示するのはちょっと大変です。 サイドキックやChatGPTに質問してみるとコードを提示してくれるかもしれませんのでお試しください。 もしどうしてもできない場合は、有料になりますが、弊社にてご相談に乗ることも可能です。 ご参考まで。 (キュー田辺) ---
**Author:** ![andinc21](https://avatars.discourse-cdn.com/v4/letter/a/54ee81/32.png) [@andinc21](https://community.shopify.com/u/andinc21)\ **Post date:** [November 19, 2025, 2:19am UTC](https://community.shopify.com/t/topic/575137/5 "2025-11-19T02:19:29Z")
[email removed]**[Qcoltd](https://community.shopify.com/u/qcoltd)**[Shopify Partner](https://community.shopify.com/g/shopifypartner) (キュー田辺)様 いえいえ、こちらこそです。 きちんとご要望をお伝え出来ておらず、すみません。 ご回答をありがとうございます。 絞り込みはご指摘の通りです。 Liquid上でメタフィールドで絞り込んでおりました。 こちらのご教授いただきました方法で、一旦実装を試みます。 親切なご対応を誠にありがとう御座いました。 引き続き、どうぞ宜しくお願いいたします。 ---
**Author:** ![andinc21](https://avatars.discourse-cdn.com/v4/letter/a/54ee81/32.png) [@andinc21](https://community.shopify.com/u/andinc21)\ **Post date:** [December 17, 2025, 5:31am UTC](https://community.shopify.com/t/topic/575137/6 "2025-12-17T05:31:21Z")
(キュー田辺)様 先日はご親切にご回答を頂きまして、ありがとう御座いました。 大変恐れ入ります、こちらご回答いただきました、 **Search & DiscoveryAPP** での実装は不可能な様でした。自分の実装方法が間違っているのかもしれませんが、 こちらがきちんと仕様をお伝えできていない点もあり、大変恐れ入ります。 現状特定のメタフィールドは商品ではなく、コレクションに設定しております。 商品に紐づいているメタフィールドでしたら、ページネーションの実装は可能と思いますが、 コレクションに実装しておりますメタフィールドは、 **Search & DiscoveryAPP** では、そもそも絞り込み検索へ紐づけることが仕様的に不可能なのではないかと思います。＝shopifyの仕様同様の認識です。 (キュー田辺)様へ、ご意見をお伝えしたい訳ではありません。 お気を悪くしないで頂けますと助かります。 この実装を試みているユーザもいらっしゃるかなと思いましたので、 共有の意味も込めて投稿しております。 やはり、スクラッチで実装するしかなさそうですね。 クライアントにそこまでの開発予算は今回はないので、一旦こちらは、諦めます。 ご親切にご回答をありがとう御座いました。