バージョン選択

フォーラム

メニュー

オンライン状況

55 人のユーザが現在オンラインです。 (41 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 55
もっと...

サイト内検索

機能要望 > その他 > 商品一覧の「前へ 1 2 3 4 5 次へ」へのカスタマイズ

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
LEINA
投稿日時: 2016/10/14 22:28
対応状況: −−−
新米
登録日: 2016/10/14
居住地:
投稿: 5
商品一覧の「前へ 1 2 3 4 5 次へ」へのカスタマイズ
続けて質問を失礼いたします。

ECCUBE3.10の「商品一覧ページ」のカスタマイズについてです。

ページで言いますと下記テンプレートになると思います。
app/template/default/Product/list.twig


商品一覧の下に「前へ 1 2 3 4 5 次へ」と数字で並びます。

これを下記の様にすることは可能でしょうか。
「先頭」「最後尾」を追加ですね!

---------------------------------
先頭 前へ 1 2 3 4 5 次へ 最後尾
---------------------------------

40ページも50ページもありますと、
最初に戻るにも一番最後のページを見たくてもとても面倒でして…(ToT)


下記の箇所が上部にあたる記述だと思います。

{% if pagination.totalItemCount > 0 %}
{% include "pagination.twig" with { 'pages' : pagination.paginationData } %}
{% endif %}


お分かりになる方がいらっしゃいましたらご教授いただけると助かります。
umebius
投稿日時: 2016/10/15 2:07
対応状況: −−−
登録日: 2016/7/22
居住地:
投稿: 2085
Re: 商品一覧の「前へ 1 2 3 4 5 次へ」へのカスタマイズ
pagination.twigを開いて書き換えてください。
このファイルに最初へと最後へのリンクを付け足します。


{% if pages.pageCount > 1 %}
<div id="pagination_wrap" class="pagination">
    <ul>
        {% if pages.previous is defined %}
            <li class="pagenation__item-previous">
                <a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': pages.previous})) }}"
                   aria-label="Previous"><span aria-hidden="true">前へ</span></a>
            </li>
        {% endif %}

        {% for page in pages.pagesInRange %}
            {% if page == pages.current %}
                <li class="pagenation__item active"><a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': page})) }}"> {{ page }} </a></li>
            {% else %}
                <li class="pagenation__item"><a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': page})) }}"> {{ page }} </a></li>
            {% endif %}
        {% endfor %}
    </ul>
</div>
{% endif %}



こちらの記事を参考になさってください
https://goo.gl/PvZLBD


----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

LEINA
投稿日時: 2016/10/16 21:35
対応状況: −−−
新米
登録日: 2016/10/14
居住地:
投稿: 5
解決しました!
umebius 様

度々お返事&ご教授をありがとうございます!

参考サイトもとても簡潔で分かりやすく、無事に「最初へ」「最後へ」を追加することが出来ました。


記述カ所を直すのは「pagination.twig」ですね!

/src/Eccube/Resource/template/default/pagination.twig


使いやすくなったので感謝いたします。

本当に、ありがとうございました(*^v^*)/
LEINA
投稿日時: 2016/10/17 14:27
対応状況: −−−
新米
登録日: 2016/10/14
居住地:
投稿: 5
Re: 解決しました!
すみません、「解決済み」にし忘れてしまったので再度投稿させていただきます。

編集から直してもプルダウンの対応状況は更新されませんでした(^-^;)
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は89,000名です
総投稿数は110,020件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1296
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.