バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

スレッド表示 | 古いものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
dkazuto
投稿日時: 2013/2/8 15:50
対応状況: −−−
一人前
登録日: 2012/5/10
居住地:
投稿: 95
Re: 検索条件 親カテゴリのフォント変更
dondon様

style="font-weight:bold;
で太字になるはずですが、どうやらGoogle ChromeとInternetExplorerでは太字にならないようです。

私もFireFoxでは確認したのですが、optionのスタイルシートは適用されない可能性が高いです。

http://www.marguerite.jp/Nihongo/WWW/Columns/CSS4PulldownMenu.html

少し古いですが、上記ページにもフォームのデザインはFireFox以外適用されないというようなことが書かれております。

もし、厳密にやりたいのであれば、<select>タグを利用せずに
別のタグとjavascriptを利用して実装するしかないようです。

また、子カテゴリの先頭にLを挿入することは出来ます。

<option label="<!--{$item}-->" value="<!--{$key}-->">のlabel属性を

label="L<!--{$item}-->"に変更するとできるかと思います。

ただ、Lとカテゴリ名の間に空白が入ってしまうため、
厳密にやろうとするなれば、少々面倒ですがもう少し工夫が必要です。


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

ありがとうございます。

style="color:#0000ff;

部分をstyle="font-weight:bold;

にしてみましたが太字にはならないんですね〜

例えば子カテゴリの前に全部 L を挿入する様にもできるのですか?

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

すみません、そちらは私の書き間違いです。

仰るとおり青字にするのは

style="color:#0000ff;

です。

実は、太字にもできるかなと試しててそのままコピーペーストしてしまったみたいです。

訂正します。

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;

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

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

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

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に詳しくないため、すみませんが割愛させて頂きます。

以上、ご参考となれば幸いです。
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 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 9:32
対応状況: −−−
一人前
登録日: 2012/2/23
居住地:
投稿: 136
Re: 検索条件 親カテゴリのフォント変更
dkazuto様

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

LC_Page_FrontParts_Bloc_SearchProducts.php

がありませんでした。

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

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

こんにちは。

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

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

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

(1) 2 »
スレッド表示 | 古いものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

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