バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > その他 > 商品一覧ページの商品のページング『次へ>>』『前へ<<』を画像で表現したい

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
ohenro
投稿日時: 2013/2/18 12:03
対応状況: 開発中
半人前
登録日: 2013/2/14
居住地:
投稿: 26
商品一覧ページの商品のページング『次へ>>』『前へ<<』を画像で表現したい
商品一覧ページの商品のページング『次へ>>』『前へ<<』を画像で表現したいのですが
どのようにソースを修正すれば宜しいでしょうか?
html/user_data/packages/default/img/icon/配下に画像ファイルを配置するのは分かったのですが…

初心者ですいませんがご教授下さいませ。

EC-CUBEのverは2.12.2になります。

何卒宜しくお願い致します
karin
投稿日時: 2013/2/18 15:16
対応状況: −−−
仙人
登録日: 2008/9/15
居住地: 東京都
投稿: 689
Re: 商品一覧ページの商品のページング『次へ>>』『前へ<<』を画像で表現したい
ohenro様 こんにちは。

商品一覧ページの『前へ<<』『次へ>>』は、
/data/class/SC_PageNavi.php で設定しています。

『前へ<<』の箇所: 80行目辺り

『次へ>>』の箇所: 89行目辺り

それぞれをimgタグへ変更するといいのではないかと思います。


----------------

ohenro
投稿日時: 2013/2/19 13:57
対応状況: −−−
半人前
登録日: 2013/2/14
居住地:
投稿: 26
Re: 商品一覧ページの商品のページング『次へ>>』『前へ<<』を画像で表現したい
ご返信ありがとうございます。
80行目にimgタグを追加したのですが
エラーがおきてしまいました。

$before = "<a href=\"?$urlParamThis\" onclick=\"$func_name('{$this->arrPagenavi['before']}'); return false;\"><img src="<!--{$TPL_URLPATH}-->img/icon/xxx.gif" alt="xxx" />前へ</a> ";

こちらで問題ありませんでしょうか?
宜しくお願い致します。
dkazuto
投稿日時: 2013/2/19 14:42
対応状況: −−−
一人前
登録日: 2012/5/10
居住地:
投稿: 95
Re: 商品一覧ページの商品のページング『次へ>>』『前へ<<』を画像で表現したい
ohenro様

2点ほど問題点があります。
1.ダブルクォテーションがエスケープされていない
2.PHP内でSmartyタグが使われている

上記を改善したものを下記に書き改めてみます。

$before = "<a href=\"?$urlParamThis\" onclick=\"$func_name('{$this->arrPagenavi['before']}'); return false;\"><img src=\"".SC_Helper_PageLayout_Ex::getUserDir(DEVICE_TYPE_PC, true)."img/icon/xxx.gif\" alt=\"xxx\" />前へ</a> ";


こちらを記述すれば、矢印が画像で置き換わるはずです。

以上、ご参考となればと思います。
ohenro
投稿日時: 2013/2/19 16:34
対応状況: −−−
半人前
登録日: 2013/2/14
居住地:
投稿: 26
Re: 商品一覧ページの商品のページング『次へ>>』『前へ<<』を画像で表現したい
dkazuto様

ご丁寧にありがとうございます。
解決しました。

あともう一点お伺いしても宜しいでしょうか?

このページングをデフォルトの左側ではなく
右側に表示したい場合はタグを編集すれば宜しいでしょうか?

うまくいかないので
ご教授頂けますと幸いです。


dkazuto
投稿日時: 2013/2/19 17:11
対応状況: −−−
一人前
登録日: 2012/5/10
居住地:
投稿: 95
Re: 商品一覧ページの商品のページング『次へ>>』『前へ<<』を画像で表現したい
ohenro様

ページングの移動はタグの編集(CSSの編集)で可能です。

/data/Smarty/templates/products/list.tpl
の128行目当たりに

<div class="navi"><!--{$tpl_strnavi}--></div>

のような部分があるかと思います。

たとえば、これを右側に移動するのであれば、

<div class="navi" style="margin-left:500px;"><!--{$tpl_strnavi}--></div>

といったCSSを記述することで可能かと思います。

タグ編集やCSS記述でもっと柔軟に編集いただけますので、お試しください。

以上、ご参考になればと思います。


ohenro
投稿日時: 2013/2/19 17:54
対応状況: −−−
半人前
登録日: 2013/2/14
居住地:
投稿: 26
Re: 商品一覧ページの商品のページング『次へ>>』『前へ<<』を画像で表現したい
dkazuto様

ありがとうございました。
表現することができました。

最近カスタムを始めたので
もう少し勉強する必要がありますね。
頑張ります
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は88,855名です
総投稿数は109,989件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1291
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.