バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 検索条件 親カテゴリのフォント変更

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
dondon
投稿日時: 2013/2/6 17:26
対応状況: −−−
一人前
登録日: 2012/2/23
居住地:
投稿: 136
検索条件 親カテゴリのフォント変更
仕様
PHP Version 5.3.3
MYSQL
EC-CUBE 2.11.4

いつもお世話になっております。

サイドカラム用の 検索条件 ボックスでカテゴリをリストから

選択しますが、その際親カテゴリと小カテゴリが同じフォントの為、

大変見ずらくて困っております。

リストボックス内の親カテゴリ、又は子カテゴリのフォントは

どこで変更可能でしょうか。

ご教授頂けますと大変助かります。

dkazuto
投稿日時: 2013/2/6 17:40
対応状況: −−−
一人前
登録日: 2012/5/10
居住地:
投稿: 95
Re: 検索条件 親カテゴリのフォント変更
dondon様

こんにちは。

親カテゴリと子カテゴリのフォントを切り替えるには、
PHPソースコード・Smartyテンプレートのカスタマイズが必要となります。

管理画面にはその部分を変更できるような設定項目は現状ありません。

ヒントとしては/data/class/pages/LC_Page_FrontParts_Bloc_SearchProducts.php
をカスタマイズすることで可能になります。

以上、ご参考となれば幸いです。

karin
投稿日時: 2013/2/6 17:47
対応状況: −−−
仙人
登録日: 2008/9/15
居住地: 東京都
投稿: 689
Re: 検索条件 親カテゴリのフォント変更
該当の箇所は、
デザイン管理>PC>ブロック設定の【商品検索】にて出力しています。


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

dondon
投稿日時: 2013/2/7 9:27
対応状況: −−−
一人前
登録日: 2012/2/23
居住地:
投稿: 136
Re: 検索条件 親カテゴリのフォント変更
karin様

こんにちは。

商品検索(search_products)の内容を確認したのですが、

検索のリストボックス内のフォントを変える箇所がわかりません・・・。

恐れ入りますが、もう少し詳しくお教え頂けませんでしょうか?

dondon
投稿日時: 2013/2/7 9:32
対応状況: −−−
一人前
登録日: 2012/2/23
居住地:
投稿: 136
Re: 検索条件 親カテゴリのフォント変更
dkazuto様

/data/class/pagesまではありますが、

LC_Page_FrontParts_Bloc_SearchProducts.php

がありませんでした。

pagesの次は
abouts
admin
cart
・・・
などです。

バージョンにより内容が違うのでしょうか?
dkazuto
投稿日時: 2013/2/7 9:38
対応状況: −−−
一人前
登録日: 2012/5/10
居住地:
投稿: 95
Re: 検索条件 親カテゴリのフォント変更
dondon様

すみません、karin様の仰るとおり、テンプレートの変更だけでいけますね・・・。
管理画面のデザイン管理から行なえる方法を書いてみます。

商品検索ブロックテンプレートの中段あたりに下記のような記述があるかと思います。


  <select name="category_id" class="box145">
      <option label="すべての商品" value="">全ての商品</option>
      <!--{html_options options=$arrCatList selected=$category_id}-->
  </select>


ここの<select>タグの内部を親カテゴリか子カテゴリかでフォントを変える処理を入れることになるかと思います。
現在は全てのカテゴリを一括で

<!--{html_options options=$arrCatList selected=$category_id}-->
このようにSmartyの機能を使って出力してしまっていますが、

sectionやforeach文を使い個々のカテゴリが親か子かという判別処理で書き換える必要があります。
dondon
投稿日時: 2013/2/7 11:49
対応状況: −−−
一人前
登録日: 2012/2/23
居住地:
投稿: 136
Re: 検索条件 親カテゴリのフォント変更
dkazuto様

ご多忙の中、親切にありがとうございます。

<select name="category_id" class="box145">
<option label="すべての商品" value="">全ての商品</option>
<!--{html_options options=$arrCatList selected=$category_id}-->
</select>

上記、確かに確認致しました。

もし、ご迷惑でなかったらコードの一例をお教え頂けませんか?

例えば小カテゴリはそのままで、

親カテゴリ表記だけ青の太文字にしたいです。

宜しくお願い致します。
dkazuto
投稿日時: 2013/2/7 13:40
対応状況: −−−
一人前
登録日: 2012/5/10
居住地:
投稿: 95
Re: 検索条件 親カテゴリのフォント変更
dondon様

お世話になります。

本来はPHP側のコードを変えるともっと良いコードが書けるのですが、
今回はテンプレートの変更だけでも反映できる方法を掲載してみます。


<select name="category_id" class="box145">
   <option label="すべての商品" value="">全ての商品</option>
   <!--{foreach from=$arrCatList item=item key=key}-->
       <!--{if $item|substr:12:6 != "&nbsp;"}-->
           <option label="<!--{$item}-->" value="<!--{$key}-->" style="color:#0000ff;"><!--{$item}--></option>
       <!--{else}-->
           <option label="<!--{$item}-->" value="<!--{$key}-->"><!--{$item}--></option>
       <!--{/if}-->
   <!--{/foreach}-->
</select>


以前お教えしたselectタグの部分を上記に置き換えてみてください。
ただ、かなり無理やりな方法ですので、ご注意ください。

style="color:#0000ff;"

でフォントを青字にしています。
微調整はCSSで行なえますので、変えてみてください。

ただ、FireFoxではスタイルシートが効いているのですが、
Google Chromeでは効きませんでした。

もしかしたらChromeでは別のCSSを適用する必要があるかも知れませんが、
当方あまりCSSに詳しくないため、すみませんが割愛させて頂きます。

以上、ご参考となれば幸いです。
kato-sc
投稿日時: 2013/2/7 13:50
対応状況: −−−
一人前
登録日: 2013/1/15
居住地:
投稿: 87
Re: 検索条件 親カテゴリのフォント変更
カテゴリの階層はカテゴリを登録した際に”level”というものが階層によって割り振られて決まります。
EC-Cubeもそのlevelを見て階層を判断しています。

$arrCatListの時点で、このlevelの情報を持っていないため、Smartyの変更だけでは無理だと思います。

ソースを追っていくとHelperでカテゴリリストを取得する段階で、既にlevel情報を返していないので、level情報を返す様にカスタマイズする必要がありそうです。

dondon
投稿日時: 2013/2/7 14:13
対応状況: −−−
一人前
登録日: 2012/2/23
居住地:
投稿: 136
Re: 検索条件 親カテゴリのフォント変更
dkazuto様

ありがとうございます。

早速試してみたころ見事に親カテゴリだけ色変えできました。

1点確認ですが、

style="font-weight:bold;

でフォントを青字にしています。

との事、青字にしているのは

style="color:#0000ff;

の部分ですよね?

style="font-weight:bold;

は太字にするコードでしょうか?

ちなみにご教授頂きましたコードでは太字にはなりませんでした。

style="font-weight:bold;

をどこかに入れるのでしょうか?
(1) 2 »
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は89,039名です
総投稿数は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.