カテゴリカスタムフィールドで商品ページでカテゴリ毎に表示する内容を出し分ける

category_customfield_set


商品一覧ページでカテゴリ毎に表示を出し分けたい箇所がある場合は、

カテゴリカスタムフィールドというプラグインを利用します。

※サンプルのページではカテゴリ毎にメインヴィジュアルの画像を出し分けたいとする


管理画面にログインし、


category_customfield_set1


カテゴリカスタムフィールドをインストールします。


categgory1


category1


カテゴリカスタムフィールドの詳細画面で項目の追加をクリックし、


categoryy2


フィールドを追加します。

フィールド追加後にカテゴリ毎の詳細ページを開くと、


categoryy3


categoryy4


このようにカテゴリカスタムフィールドの設定で追加した項目が表示されます。

ここから値を登録します。




商品一覧ページのテンプレートに、

カテゴリカスタムフィールドの値を表示するようにタグを追加します。


category_customfield_set


カテゴリカスタムフィールドの値を表示死体箇所に該当する箇所に下記のように記述します。


<section id="catergory_top">
	<h1 cms:id="current_category_name">インテリア</h1>
	<p><img cms:id="category_banner" src="" alt=""></p>
	<p>心あたたまる、おしゃれなアイテムたち。<br>
	みなさんの生活が明るくなるように、わたしたちは応援します!</p>
</section>

商品一覧、商品詳細ページcms:id="フィールドID"という指定でカテゴリカスタムフィールドの値を出力出来ます。

※cms:id="current_category_name"(現在表示しているページのカテゴリ名)はカテゴリカスタムフィールドプラグインをインストールした時点で使用できるようになります。

同じカテゴリーの記事