カラーミーで大カテゴリーの下に小カテゴリーの一覧を表示する
カラーミーでは小カテゴリーの中に商品を全部振り分けてしまうと大カテゴリーのリンクをクリックしても小カテゴリーの一覧が表示されるだけで小カテゴリーの商品は一覧表示されない。
大カテゴリーをクリックした先で小カテゴリーに登録されている商品一覧を表示させたいというカスタマイズ依頼のメモ。
カテゴリーを画像表示することが原則です。
「商品検索結果ページ」の上部に下記のようにしてcategory_id とctという変数をアサインする。
$search_category という変数に大カテゴリーの名前が入ってくるのでそれをif文で振り分ける。
category_id は大カテゴリーのIdを、
ctは大カテゴリーに属する小カテゴリーの数を入力する。
<{if $search_category == "MEN'S WEAR" }>
<{assign var="category_id" value="787440"}>
<{assign var="ct" value="8"}>
<{elseif $search_category == "LADIE'S WEAR" }>
<{assign var="category_id" value="787441"}>
<{assign var="ct" value="9"}>
・
・
・
<{elseif $search_category == "OTHERS" }>
<{assign var="category_id" value="787443"}>
<{assign var="ct" value="4"}>
<{/if}>
その後ctがアサインされているかどうかで検索結果とするのか大カテゴリーの一覧表示とするのか
振り分ける。
さらにiとｋという変数を作り初期値に1をいれてループの回数（$ct）回るたびにインクリメント
させると”<{$category_id}>_<{$i++}>.jpg”で画像が取得できる。リンクは”?mode=cate&cbid=<{$category_id}>&csid=<{$k++}>”です。
<{if isset($ct)}>
<a href="./">TOP</a> > <a href='/?mode=srh&amp;cid=<{$category_id}>%2C0'><{$search_category}></a>
<!--// パンくずナビ -->
<{assign var="i" value="1"}>
<{assign var="k" value="1"}>
<div id="subcate"><div class="title">sub categories</div>
<{section name=cate loop=$ct }>
<div style="float: left;margin:10px 12px 0 0;">
<a href="?mode=cate&amp;cbid=<{$category_id}>&amp;csid=<{$k++}>">
<img src="http://img15.shop-pro.jp/PA01084/170/category/<{$category_id}>_<{$i++}>.jpg"></a>&amp;nbsp;&amp;nbsp;
</div>
<{/section}>
<br class="clear" />
</div>
<{else}>
<br class="clear" />
<!-- ページタイトル -->
<strong>｜検索結果</strong>
<br />
&amp;nbsp;&amp;nbsp;ヒット件数：<strong><{$productlist_num}></strong>件
<br />
検索条件 [カテゴリー]：<{if $search_category!=""}><strong><{$search_category}></strong><{/if}>
&amp;nbsp;&amp;nbsp;[検索文字]：<{if $search_keyword!=""}><strong><{$search_keyword}></strong><{/if}>
<br />
<br />
<{/if}>
商品一覧、商品詳細ページのパンくずリストも変更が必要なため、以下のように変更。
ここにはグループ名がくることもあるのでグループID（$group_id）もアサインしてif文で振り分ける。
<{if $search_category == "MEN'S WEAR" }>
<{assign var="category_id" value="787440"}>
<{elseif $search_category == "LADIE'S WEAR" }>
<{assign var="category_id" value="787441"}>
・
・
<{elseif $bid_name == "sassy" }>
<{assign var="group_id" value="67887"}>
<{elseif $bid_name == "conbi" }>
<{assign var="group_id" value="67888"}>
・
・
<{elseif $search_category == "OTHERS" }>
<{assign var="category_id" value="787443"}>
<{/if}>
<{ if $product.id != "" }>
<!-- パンくずナビ -->
<a href="./">TOP</a> <{if $category_id!=""}>> <a href='?mode=srh&cid=<{$category_id}>%2C0'><{$bid_name}></a><{elseif $group_id!=""}>
> <a href='?mode=grp&gid=<{$group_id}>'><{$bid_name}></a><{/if}><{if $sid_name != ""}> > <a href='<{$sid_link}>'><{$sid_name}></a><{/if}><{if $product_name != ""}> > <a href='<{$product_link}>'><{$product_name}></a><{/if}>
<!--// パンくずナビ -->
<br />
・
・
・
完全自動ではないが、HTMLを全部書き出すよりはイイ！
画像登録はカテゴリー管理から登録すること。
Leave a Reply