カテゴリ別テンプレート

商品一覧ページ(item_list.xhtml)や、商品一覧から商品詳細ページへ画面遷移した際のテンプレート(item_detail.xhtml)に、独自のページデザインを適用させることができる機能です。
使用している端末に応じて、それぞれのページデザインを変えることも可能です。

「カテゴリ別テンプレート」オプションを使用するための事前準備

バッチ・APIの設定

不要

テンプレートへのm:id組み込みについて

店舗様でデザインしていただく内容によって、m:idを組み込んでいただく可能性があります。

お申し込み

オプションのお申込みをされていない場合で利用をご希望の際は、弊社サポート窓口へお問い合わせください。

「カテゴリ別テンプレート」オプション使用時に追加される項目

商品の管理>カテゴリ管理>カテゴリ新規登録

項目追加
カテゴリ新規登録
PC向けカテゴリ別商品一覧テンプレートの設定
SmartPhone向けカテゴリ別商品一覧テンプレートの設定(スマートフォンパッケージご利用時)
PC向けカテゴリ別商品詳細テンプレートの設定
SmartPhone向けカテゴリ別商品詳細テンプレートの設定(スマートフォンパッケージご利用時)

カテゴリ別商品一覧テンプレートは、カテゴリごとの商品一覧ページのテンプレートです。
カテゴリ別商品詳細テンプレートは、カテゴリの商品一覧ページから商品詳細ページへ画面遷移した際の、
カテゴリごとの商品詳細ページのテンプレート
です。


1.PC向けカテゴリ別商品一覧テンプレートの設定

画像・テンプレート管理画面の/view/userweb直下に、新しいテンプレートをアップロードします。
アップロードするテンプレートのファイル名は、必ず『item_list$*****.xhtml』としてください。

アップロードされたテンプレートは、カテゴリ新規登録画面で下記のように紐付けることができます。


*****には、店舗様でテンプレートを判別しやすい任意の半角英数字を入力してください。
 ただし、「simple」「detail」「image」で始まる名前はつけないようにしてください。
 例)imagehoge :利用不可
   hogeimage :利用可能

・カテゴリ別テンプレートでカテゴリに紐付けできるテンプレートは、
 この命名規則でアップロードされているテンプレートのみとなります。


2.SmartPhone向けカテゴリ別商品一覧テンプレートの設定

画像・テンプレート管理画面の/view/smartphone直下に、新しいテンプレートをアップロードします。
アップロードするテンプレートのファイル名は、必ず『item_list$*****.xhtml』としてください。

アップロードされたテンプレートは、カテゴリ新規登録画面で下記のように紐付けることができます。


*****には、店舗様でテンプレートを判別しやすい任意の半角英数字を入力してください。
 ただし、「simple」「detail」「image」で始まる名前はつけないようにしてください。
 例)imagehoge :利用不可
   hogeimage :利用可能

・カテゴリ別テンプレートでカテゴリに紐付けできるテンプレートは、
 この命名規則でアップロードされているテンプレートのみとなります。


3.PC向けカテゴリ別商品詳細テンプレートの設定

画像・テンプレート管理画面の/view/userweb直下に、新しいテンプレートをアップロードします。
アップロードするテンプレートのファイル名は、必ず『item_detail$*****.xhtml』としてください。

アップロードされたテンプレートは、カテゴリ新規登録画面で下記のように紐付けることができます。


*****には、店舗様でテンプレートを判別しやすい任意の半角英数字を入力してください。

・カテゴリ別テンプレートでカテゴリに紐付けできるテンプレートは、
 この命名規則でアップロードされているテンプレートのみとなります。


4.SmartPhone向けカテゴリ別商品詳細テンプレートの設定

画像・テンプレート管理画面の/view/smartphone直下に、新しいテンプレートをアップロードします。
アップロードするテンプレートのファイル名は、必ず『item_detail$*****.xhtml』としてください。

アップロードされたテンプレートは、カテゴリ新規登録画面で下記のように紐付けることができます。


*****には、店舗様でテンプレートを判別しやすい任意の半角英数字を入力してください。

・カテゴリ別テンプレートでカテゴリに紐付けできるテンプレートは、
 この命名規則でアップロードされているテンプレートのみとなります。


商品別テンプレートとカテゴリ別テンプレートを同時に使う場合のご注意

1商品に対して2つの設定を使用する場合は、適用されるテンプレートファイルが条件によって異なります。
商品別テンプレートで設定する商品詳細ページと、カテゴリ別テンプレートで登録する商品詳細ページが、
適用される条件は以下の通りです。

・商品別テンプレートで設定する商品詳細ページは、
 直接その商品詳細ページへ画面遷移した場合に適用されます。

・カテゴリ別テンプレートで設定する商品詳細ページは、
 そのカテゴリを経由して商品詳細ページへ画面遷移した場合に適用されます。

※商品別テンプレート:設定有 / カテゴリ別テンプレート:設定無 の場合
 該当商品の商品詳細ページを表示した際は、商品別テンプレートで設定する商品詳細ページが適用されます。
 該当商品に紐づいているカテゴリを経由して、商品詳細ページへ遷移した際も同様です。

※商品別テンプレート:設定無 / カテゴリ別テンプレート:設定有 の場合
 該当商品に紐づいているカテゴリを経由して、商品詳細ページへ遷移した際に、
 カテゴリ別テンプレートで設定する商品詳細ページが適用されます。
 直接該当商品の商品詳細ページへ画面遷移した場合、item_detail.xhtmlが適用されます。