バージョン選択

フォーラム

 どうか教えて下さい！  バグ見つけましたよ！  こんな機能あったらなぁ  プラグインについて  その他

メニュー

 当サイトについて  初めてご利用になる方へ  EC-CUBE開発情報

オンライン状況

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

サイト内検索
質問 > フロント機能 > カテゴリリストのアイコン表示について

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
kirin
投稿日時: 2015/1/6 14:20
対応状況: −−−
半人前
登録日: 2012/4/24
居住地:
投稿: 20
カテゴリリストのアイコン表示について
いつもお世話になっております。

またご教授いただきたく書き込みをさせていただきました。

下記スレを参考に
http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=8108&forum=10

1〜2階層目を画像表示で運用しておりますが、今回は3階層目のデフォルトではオレンジの矢印アイコンに関してご教授いただきたく思います。

質問の3階層目の矢印部分を各カテゴリ毎の指定アイコンを使用しつつカテゴリ名をテキスト表示したいと思っております。

例
食品（親カテゴリ:画像）
　|- なべ（子カテゴリ：画像）
　|- お菓子（子カテゴリ：画像）
　　　　●黒丸カテゴリ（孫カテゴリ：アイコン＋テキスト）
　　　　○白丸カテゴリ（孫カテゴリ：アイコン＋テキスト）
家具（親カテゴリ:画像）
　|- 机（子カテゴリ：画像）
　　　　◎二重丸カテゴリ（孫カテゴリ：アイコン＋テキスト）

みたいな感じです。

使用用途は、色分けのカテゴリを作り、アイコンを赤丸、黄色丸などを作成して表示したいと思います。

説明がわかりにくいとは思いますが、よろしくお願いします。

[EC-CUBE]　2.12.6
[レンタルサーバ]　wadax
[PHP] 5.1.6
[データベース]　MySQL 5.0.95
IPLOGIC
投稿日時: 2015/1/6 18:58
対応状況: −−−
一人前
登録日: 2014/12/8
居住地: 東京都
投稿: 96
Re: カテゴリリストのアイコン表示について
kirin 様

3階層目の矢印部分を各カテゴリ毎の指定アイコンを使用しつつカテゴリ名をテキスト表示したいとのことですが、

http://s1.gazo.cc/up/114444.png

上記のようなイメージで合っていますでしょうか？


----------------
アイピーロジック株式会社
EC-CUBE専用メール配信サービス「PostCarrier for EC-CUBE」
[url=http://www.rakusite.net/]EC-CUBE専用サイト保守監視サービス「らくらくサイト保守
kirin
投稿日時: 2015/1/7 9:10
対応状況: −−−
半人前
登録日: 2012/4/24
居住地:
投稿: 20
Re: カテゴリリストのアイコン表示について
IPLOGIC 様

ご返信ありがとうございます。

まさにイメージ通りです。

ご教授いただければありがたく思います。

よろしくお願いします
IPLOGIC
投稿日時: 2015/1/7 18:40
対応状況: −−−
一人前
登録日: 2014/12/8
居住地: 東京都
投稿: 96
Re: カテゴリリストのアイコン表示について
kirin 様

data/Smarty/templates/default/frontparts/bloc/category.tpl

の53行目辺りからはじまるカテゴリ名を表示するSmartyを



                                <p>
                                    <!--{if $level == 1}-->
                                    <a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrTree[cnt].category_id}-->"<!--{if in_array($arrTree[cnt].category_id, $tpl_category_id)}--> class="onlink"<!--{/if}-->><img src="<!--{$smarty.const.ROOT_URLPATH}-->user_data/img/1階層目の画像名" alt="" />(<!--{$arrTree[cnt].product_count|default:0}-->)</a>
                                    <!--{elseif  $level == 2}-->
                                    <a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrTree[cnt].category_id}-->"<!--{if in_array($arrTree[cnt].category_id, $tpl_category_id)}--> class="onlink"<!--{/if}-->><img src="<!--{$smarty.const.ROOT_URLPATH}-->user_data/img/2階層目の画像名" alt="" />(<!--{$arrTree[cnt].product_count|default:0}-->)</a>
                                    <!--{else}-->
                                    <a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrTree[cnt].category_id}-->"<!--{if in_array($arrTree[cnt].category_id, $tpl_category_id)}--> class="onlink"<!--{/if}-->><img src="<!--{$smarty.const.ROOT_URLPATH}-->user_data/img/3階層目の画像名" alt="" /><!--{$arrTree[cnt].category_name|h}-->(<!--{$arrTree[cnt].product_count|default:0}-->)</a>
                                    <!--{/if}-->
                                </p>


のように書き換えてみて下さい。

表示させる画像はhtml/user_data/img/配下に置いてください。


----------------
アイピーロジック株式会社
EC-CUBE専用メール配信サービス「PostCarrier for EC-CUBE」
[url=http://www.rakusite.net/]EC-CUBE専用サイト保守監視サービス「らくらくサイト保守
kirin
投稿日時: 2015/1/8 9:38
対応状況: 解決済
半人前
登録日: 2012/4/24
居住地:
投稿: 20
Re: カテゴリリストのアイコン表示について
IPLOGIC 様

ありがとうございます、教えてもらったタグを元にカテゴリIDから画像を引っ張ってくる設定に変えることで私の思い通りになりました。

悩んでいたことが解決できて本当に感謝です、ありがとうございました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

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.