カテゴリ別テンプレート | サポートサイト

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

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

バッチ・APIの設定

不要

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

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

お申し込み

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

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

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

項目追加
カテゴリ新規登録
┣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』としてください。

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

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