UNIVERSE
解決済み

商品一覧にページネーションを追加することは可能なのでしょうか。

hiroto

はじめまして。どれだけ調べても出てこないので質問させてください。
商品一覧にページネーションを加えたいです。
例えば商品一覧の下に数字のボタンがあって商品数が20個以上あれば2を押すと表示される、、みたいな感じにしたいです。
追加appsでありそうな気もしたんですがなさそうなのでhtml編集を使ってjQueryで実装しようか考えておりますが、なかなかいい記事が見つからず、、
以上です。よろしくお願いいたします。

回答が 1件あります

baseadmin

ご質問ありがとうございます。
まず商品一覧を取得するタグ「{block:Items}」についての仕様はこちらに記載されています。
https://docs.thebase.in/docs/template/syntax/item
また{block:LoadItemsPage}というタグもあります。
https://docs.thebase.in/docs/template/default/#%E5%95%86%E5%93%81%E4%B8%80%E8%A6%A7%E3%82%92%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B%E3%81%AB%E3%81%82%E3%81%9F%E3%82%8A%E5%85%A8%E4%BD%93%E3%81%AB%E9%96%A2%E3%82%8F%E3%82%8B%E3%82%BF%E3%82%B0

こういった仕様で、どのようにページネーションを実装するかというの所が課題ですね。
トライしたことがないため不明ですが、このようなjsライブラリで、もしかしたらできるかもしれません。
https://github.com/superRaytin/paginationjs
ぜひ頑張ってみてください。

  1. hiroto

    ありがとうございます!!
    とても参考になりました!
    試してみます。

サポートについて

このサイトでサポートしているテーマは、常にご質問を受け付けており、
どんなご質問やカスタマイズのご相談も、デザイナー自身が積極的にお返事しています。
BASEでショップを運営するための相談所としてご利用ください!

テーマは安心の無料アップデート

BASEに新機能が追加された際や、テーマにさらなる機能追加を行った際など、
ご購入いただいた方にはテーマの無料アップデートを提供しています。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。

※ HTML編集Appを利用して作成したテーマは、その編集内容を保護する為に自動更新はされません。
その場合でも「購入済みテーマ」からいつでもそのテーマの最新バージョンを取得可能です。

サポート対応中の人気テーマ