zencart:アクティブページのカテゴリ色変更
Posted on 土曜日, 5 月 16th, 2009 at 4:44 PMzencartにて現在閲覧しているページ（アクティブページ）のカテゴリを装飾（変更）する。
例えば
カテゴリ1
カテゴリ2
カテゴリ3
と複数のカテゴリがある場合、
現在カテゴリ2のページを閲覧しているとする。
その時次のように 選択カテゴリが強調（色変更など）すると閲覧者にとってわかりやすいかな？ｗ
カテゴリ1
カテゴリ2
カテゴリ3
------------
zencartの標準機能を活かそう。
カテゴリ 選択時
<span class="category-subs-parent">カテゴリ2</span>
サブカテゴリ 選択時（カテゴリ＋サブカテゴリ選択となる）
<span class="category-subs-selected">サブカテゴリ20</span>
----方法は次の通り------------
CSSにて指定するだけｗで超簡単と思っていたら
問題発覚ｗ（下部に記載）
----------css----------
/*例：高33px 横100pxのcategorylist.gif'画像を使用する*/
/*画像の横幅は、サイドボックス横幅に合わせる*/
.category-subs-selected,.category-subs-parent{
padding: 0px;
margin: 0;
display : block;
line-height: 33px;/*画像の高さ*/
height: 33px;/*画像の高さ*/
width :100%;
font-weight:bold;/*太字*/
background-image: url('../images/categorylist.gif');/*画像の場所*/
background-repeat: no-repeat;
}
----------css----------
問題とは 次の設定を行っている場合表示がずれる。。。
管理画面-レイアウト設定-カテゴリの区切り・カテゴリ名と商品数 に
|- など 何か設定していると
<span class="category-subs-parent">カテゴリ2</span>|-
となり </span>で改行されてしまし実際の画面では
カテゴリ2
|-
と、なる。IE7では見えないかもしれないがFirefox3・Netscape9などでは明らかにずれている。
これを修正するには
- 管理画面-レイアウト設定-カテゴリの区切り・カテゴリ名と商品数 に 何も入力しないｗ （一番簡単ｗ
- ファイル修正する。（できるかなぁ。。。。＾＾；
毎度のことながら手探りです。。。。
考え方としては。。。<span class="category-subs-parent">カテゴリ2|-</span>としたい。
/includes/templates/テンプレート/sideboxes/tpl_categories.php
50行目（辺り）
$content .= CATEGORIES_SEPARATOR;
この CATEGORIES_SEPARATOR が 「管理画面-レイアウト設定-カテゴリの区切り・カテゴリ名と商品数」設定文字である。（ようですｗ
ちなみに
CATEGORIES_COUNT_PREFIX 「カテゴリ内商品数の接頭辞(Prefix)」
CATEGORIES_COUNT_SUFFIX 「カテゴリ内の商品数表示の接尾辞(Suffix)」
CATEGORIES_COUNT_ZERO 「商品数が0のカテゴリを表示しますか?」
-----------
サブカテゴリの場合<span></span>の間に表示されている。
<span class="category-subs-selected"> |_ サブカテゴリ20</span>
CATEGORIES_SEPARATOR_SUBS 「カテゴリの区切り - カテゴリ名とサブカテゴリ名の間」
ファイル
/includes/classes/category_tree.php
------------------
ん～わからんのでｗ 後日
関連記事
Leave a reply