スポンサーリンク

X-cartでカテゴリーページで各カテゴリごとにヘッダーを表示

X-cartでカテゴリーページで各カテゴリごとにヘッダーを表示させる機能が標準でない。
だが設置するのはそれほど難しくない。

「レイアウト設定」で、「カテゴリヘッダー」とでもブロックを作り、コンテンツ内に配置。表示は「商品一覧」のときのみにする。

中身は以下を貼ればいい。

<script type="text/javascript"> <!-- L_Search = function(vars){
if(location.search.length<2)return null;
var LS_data = location.search.substr(1,location.search.length-1).split("&");
var l = 0;
for(;l<LS_data.length;l++){
if(LS_data[l].indexOf("=")>-1)LS_data[l] = LS_data[l].split("=");
else LS_data[l] = [LS_data[l],"default"];
}
for(l=0;l<LS_data.length;l++)if(LS_data[l][0]==vars)return LS_data[l][1];
return null;
} //--> </script>
<script type="text/javascript">
<!--
document.write("<img src=_template/images/category_0");
document.write(L_Search("rootCategoryId"));
document.write(".jpg />");
//--
> </script>

ヘッダーに使う画像名を「category_01.jpg」のようにしてアップロードすれば表示されるはずだ。

※仕組み
location.searchでX-cartのカテゴリ分けしているrootCategoryIdというパラメータからID番号を取得しています。
そのID番号を画像名にして表示させるというだけの仕組みです。
ここのスクリプトを参照しました。
http://www.usamimi.info/~geko/arch_web/02_sample/016/index.html

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


カテゴリー: IT, WEB TECH | 投稿日: | 投稿者: