カテゴリごとにテンプレートを分けるカテゴリ別テンプレートの使用方法

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


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

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

項目追加
カテゴリ新規登録
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が適用されます。

当ページの記載内容は、標準機能に関するものです。
機能に関するカスタマイズをされている場合にはこの限りではありません。