カラーミーでページャーを追加してみよう

現在、カラーミーの実装のお仕事をしておりまして…

で、ご要望で商品一覧で「ページャー」を追加するといったものがございまして…

現在のカラーミーの標準はこんな感じになっています。

それを…

こんな感じにしたいということなんですよね。でも、これ標準の無料テンプレートでは実装されてないらしいのです。でググって見つけたコードがこちら…

<{assign var='products_per_page' value=12}>
 
<!-- 必要な変数を設定 -->
<{assign var='current_page' value=1}>
<{if $productlist_prev_page != ''}>
	<{assign var='productlist_page_url' value=$productlist_prev_page|regex_replace:'|page=\d+|':'page='}>
	<{assign var='current_page' value=$productlist_prev_page|regex_replace:'|^.*page=(\d+).*|':'$1'}>
	<{assign var='current_page' value=$current_page+1}>
<{elseif $productlist_next_page != ''}>
	<{assign var='productlist_page_url' value=$productlist_next_page|regex_replace:'|page=\d+|':'page='}>
	<{assign var='current_page' value=$productlist_next_page|regex_replace:'|^.*page=(\d+).*|':'$1'}>
	<{assign var='current_page' value=$current_page-1}>
<{/if}>
 
<{assign var='page_max' value=0}>
<{assign var='tmp_page_count' value=$productlist_num}>
<{section name=page start=1 loop=$productlist_num}>
	<{if $tmp_page_count > 0}>
		<{assign var='page_max' value=$page_max+1}>
	<{/if}>
	<{assign var='tmp_page_count' value=$tmp_page_count-$products_per_page}>
<{/section}>
 
<!-- ここから表示 -->
<ul class="pager">
	<{if $productlist_prev_page != ""}>
		<li><a href="<{$productlist_prev_page}>">< 前へ</a></li>
	<{/if}>
	<{section name=page start=1 loop=$page_max+1}>
		<{assign var='tmp_page' value=$smarty.section.page.index}>
		<{if $current_page == $tmp_page}>
			<li class="current"><span><{$tmp_page}></span></li>
		<{else}>
			<li><a href="<{$productlist_page_url}><{$tmp_page}>"><{$tmp_page}></a></li>
		<{/if}>
	<{/section}>
	<{if $productlist_next_page != ""}>
		<li><a href="<{$productlist_next_page}>">次へ ></a></li>
	<{/if}>
</ul>

参考にしてみたサイトは以下の通りです

カラーミーでページャーをリストで表示する方法

昔試したことがあるので問題ないとは思うのですが…

はじめての「カラーミーショップ」オープンBOOK ネットショップ開業&運営 (お店やろうよ! 28)

新品価格
¥1,922から
(2019/6/27 12:46時点)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です