MakeShop デザイン質問 スマホカテゴリー別表示

MakeShop　デザイン質問

■問題
下位層のカテゴリーバナーをスマホページで表示したい

スマホページ表示での下位層のカテゴリーバナーを、PC版のような、[IF_CATEGORY_CODE_ct◎◎]といった記述でカテゴリごとのデザインを行いたい（上記以外でも、他モールのようなもっと簡単な方法があればそちらの方が望ましい）

■対応
●スマホカテゴリー別表示の件

カテゴリー識別コードを出力する$category.code　を利用して対応する方法

カテゴリー識別コードは
【商品管理】>【カテゴリーの設定】>【カテゴリーの設定】 で
対象カテゴリーを選択し「編集」ボタンから、
http://ms-manual.makeshop.jp/productxcode/#b
カテゴリー識別コードを確認することができます。

ソースはいずれも、
【独自デザイン（スマホ）】>【スマホデザインの設定】>【カテゴリー/検索結果ページ編集】
の「HTML編集」のソース中の、内容を表示させたい位置に追記する。

◆【ct1の時だけ表示する】:==「等しい」条件分岐

記述例）
<{if $category.code == 'ct1'}>
☆ct1のときだけこの内容を表示します☆
<{/if}>

◆【ct1またはct3の時だけ表示する】：||「もしくは・または」条件分岐

記述例）
<{if $category.code == 'ct1' || $category.code == 'ct3'}>
☆ct1かct3のときだけこの内容を表示します☆
<{/if}>

◆【ct1以外の時だけ表示する】：!=　「異なる・除く」条件分岐

記述例）
<{if $category.code != '01'}>
☆ct1以外のときだけこの内容を表示します☆
<{/if}>

★classやidとして使う

HTML例）
<div id="category-<{$category.code}>">

CSS例）
上記のHTMLに対してスタイルを指定する
#category-ct1{ background: #000; color: #fff;}
#category-ct2{ background: #f00;}

このようにすることで、同じHTMLでも、カテゴリーが　ct1の場合と　ct2の場合とで適用する背景色とテキストカラーを変えることができます。