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

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


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

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

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

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


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

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

*****には、店舗様でテンプレートを判別しやすい任意の半角英数字を入力してください。
※カテゴリ別テンプレートでカテゴリに紐付けできるテンプレートは、この命名規則でアップロードされているテンプレートのみとなります。

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

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

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

*****には、店舗様でテンプレートを判別しやすい任意の半角英数字を入力してください。
※カテゴリ別テンプレートでカテゴリに紐付けできるテンプレートは、この命名規則でアップロードされているテンプレートのみとなります。

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

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

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

*****には、店舗様でテンプレートを判別しやすい任意の半角英数字を入力してください。
※カテゴリ別テンプレートでカテゴリに紐付けできるテンプレートは、この命名規則でアップロードされているテンプレートのみとなります。

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

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

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

*****には、店舗様でテンプレートを判別しやすい任意の半角英数字を入力してください。
※カテゴリ別テンプレートでカテゴリに紐付けできるテンプレートは、この命名規則でアップロードされているテンプレートのみとなります。

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

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

商品別テンプレート設定で設定する商品詳細ページと、カテゴリ別テンプレートで登録する商品詳細ページには、下記のような違いがあるのでご注意ください。

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

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

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

この説明は参考になりましたか?

はい いいえ

1人の方が「参考になった」と言っています。