ページャーモジュール
バージョン 1.6.0以降 タグを追加 記述例を修正
バージョン 1.7.3以降 タグを追加 記述例を修正
バージョン 1.13.3以降 タグを追加 記述例を修正
商品一覧、商品詳細ページ、検索結果ページにページャーを表示します。
cms:id | 使用できるタグ | 詳細 |
---|---|---|
prev_link | a | 前のページ(記事)を表示する |
prev_item_name*1 | すべて | 前のページの商品名を表示する |
next_link | a | 次のページ(記事)を表示する |
next_item_name*1 | すべて | 次のページの商品名を表示する |
current_page | すべて | 開いているページを表示する |
total_page | すべて | すべてのページ数を表示する |
has_prev*2 | すべて | 前のページがあれば表示する |
no_prev*2 | すべて | 前のページがなければ表示しない |
has_next*2 | すべて | 次のページがあれば表示する |
no_next*2 | すべて | 次のページがなければ表示しない |
total_item*2 | すべて | 商品数の合計 |
start_item*2 | すべて | 表示している商品の数え始め |
end_item*2 | すべて | 表示している商品の数え終わり |
first_page_link*3 | a | 最初のページを開く |
last_page_link*3 | a | 最後のページを開く |
paging_list*3 | すべて | ページリストを表示する |
(注)ひとつのブロック内で同じcms:idを使用する場合は、ID名のあとに * を付けてください
cms:id="item_link*"
*1 商品詳細ページで使用可能
*2 ver.1.7.3以降使用可能
*3 ver.113.3以降使用可能
例
<!-- shop:module="common.pager_navigation" -->
全<!-- cms:id="total_item" /-->件中
<!-- cms:id="start_item" /-->-<!-- cms:id="end_item" /-->件表示
<!-- block:id="has_pager" -->
<acms:id="prev_link">前へ</a>
<span>
<!-- cms:id="current_page" /-->/<!-- cms:id="total_page" /-->
</span>
<a cms:id="next_link">次へ</a>
<!-- /block:id="has_pager" -->
<!-- block:id="no_pager" -->
ページャがないときはこちらが表示されます
<!-- /block:id="no_pager" -->
<ul>
<li><a cms:id="first_page_link"><</a></li>
<!-- block:id="paging_list" -->
<li><a cms:id="page_link">1</a></li>
<!-- /block:id="paging_list" -->
<li><a cms:id="last_page_link">></a></li>
</ul>
<!-- /shop:module="common.pager_navigation" -->