対応バージョン： 4.1.2以降
4.1系	4.1.2

商品特集ページを手軽に作成できますBack to Top

特集ページ例

特集ページ

特集ページでできること

・商品特集ページのURLを設定することができます。
　(例えば /features/gelato/ のように)

・商品と同様に「特集ページ, 一覧ページの説明」を設定できます。
　(HTMLで記載可能なのでデザインも自由に設定できます)

・商品と同様に「カテゴリ」「タグ」を付与することができます。

・商品と同様に「お気に入り」に保存することができます。
　(マイページから確認できます)

・画面下部の商品一覧に表示する商品を管理画面から設定できます。
　(上の例では「彩のジェラートCUBE, チェリーアイスサンド」を設定中)

商品特集ページの自由なデザイン性

EC-CUBEのテンプレートに手を加えることができる方向け

商品特集ページのデザインは自由自在です。
指定の場所にテンプレートファイルを配置するだけで、そのファイルがテンプレートとして読み込まれます。
商品特集ページごとにテンプレートを変更することも、共通テンプレートを変更することも可能です。
まずはデフォルトのテンプレートファイルをコピーして少し編集するところから始めてみてください。

個別のテンプレートを作成する場合のファイル名
/app/template/ご利用中のテーマ/ProductFeature/特集ページのURL名.twig
(例 /app/template/default/ProductFeature/gelato.twig)

共通のテンプレートを作成する場合のファイル名
/app/template/ご利用中のテーマ/ProductFeature/default_product_feature.twig

ご参考にしていただくデフォルトテンプレートの場所
/app/Plugin/SheebProductFeature/Resource/template/default_product_feature.twig

(もちろんデフォルトのテンプレートが用意されていますので、テンプレート編集が苦手な方はそのままご利用いただけます)

ちょっと変わった使い方

WordPressの「固定ページ」のように使える

好きなURLで、好きな文章のページを作成できるので
商品特集ページだけではなく、ユーザーに向けた記事ページとしてもご活用いただけます。

お好きなページに商品特集一覧を設置できますBack to Top

TOPICS(=商品特集一覧) を配置した例

TOPICS

TOPICS でできること

・登録した特集一覧をスライダーで表示することができます
　(お好きなページに {{ FEATURES() }} と記述するだけ!)
・一覧ページの説明はもちろんHTML対応!

TOPICS の自由なデザイン性

EC-CUBEのテンプレートに手を加えることができる方向け

こちらも同様に、簡単にテンプレートを編集できます!

配置するファイル名
/app/template/ご利用中のテーマ/ProductFeature/Block/features.twig

ご参考にしていただくデフォルトテンプレートの場所
/app/Plugin/SheebProductFeature/Resource/template/Block/features.twig

直接データを取得したい方は {{ GET_FEATURES() }} で取得することも可能です

一歩進んだ使い方

タグID: 1 の商品特集だけを表示する

{{ FEATURES({ Tag: 1 }) }}

上の例ではタグID: 1 のタグが付与された商品特集が表示されます。

カテゴリ等の枠を超えた、商品特集一覧が手軽に作成できます

カテゴリID: 1 の商品特集だけを表示する

{{ FEATURES({ Category: 1 }) }}

上の例ではカテゴリID: 1 のカテゴリに属する商品特集が表示されます。
親カテゴリを選択した場合、子カテゴリも含まれます。

名称や検索ワードによる検索結果を表示する

{{ FEATURES({ SearchWord: “Gelato” }) }}

上の例では「Gelato」という文字が、特集名称や検索ワードに指定されている商品特集が表示されます

商品と商品特集を同時に一覧にすることもできますBack to Top

HOT ITEMS(=商品特集と商品の混成一覧) を配置した例

HOT ITEMS

TOPICS でできること

・商品情報と商品特集を並べて表示することができます
　(お好きなページに {{ PRODUCTS_AND_FEATURES() }} と記述するだけ!)
・一覧ページの説明はもちろんHTML対応!

HOT ITEMS の自由なデザイン性

EC-CUBEのテンプレートに手を加えることができる方向け

こちらも同様に、簡単にテンプレートを編集できます!

配置するファイル名
/app/template/ご利用中のテーマ/ProductFeature/Block/products_and_features.twig

ご参考にしていただくデフォルトテンプレートの場所
/app/Plugin/SheebProductFeature/Resource/template/Block/products_and_features.twig

直接データを取得したい方は {{ GET_PRODUCTS_AND_FEATURES() }} で取得することも可能です

一歩進んだ使い方

タグID: 1 の商品特集だけを表示する

{{ PRODUCTS_AND_FEATURES({ Tag: 1 }) }}

上の例ではタグID: 1 のタグが付与された商品特集が表示されます。

カテゴリの枠を超えて、お好きな商品特集一覧が手軽に作成できます

カテゴリID: 1 の商品特集だけを表示する

{{ PRODUCTS_AND_FEATURES({ Category: 1 }) }}

上の例ではカテゴリID: 1 のカテゴリに属する商品特集が表示されます。
親カテゴリを選択した場合、子カテゴリも含まれます。

名称や検索ワードによる検索結果を表示する

{{ PRODUCTS_AND_FEATURES({ SearchWord: “Gelato” }) }}

上の例では「Gelato」という文字が、特集名称や検索ワードに指定されている商品特集が表示されます

ご利用方法: 商品特集の作成Back to Top

商品情報の登録画面や、一覧画面とさほど変わらない管理画面になりますので
あまり迷うことはないと思いますが、軽く説明いたします。

新規作成

本プラグインを有効化すると、左MENUに設定が追加されます。
こちらの新規登録から商品特集情報を追加してください。
Nav

基本設定

設定画面1

setting0

・特集名
特集一覧・特集詳細ページで利用されます。

・URLスラッグ
特集詳細ページのURLに利用されます。
「gelato」と設定すると、デフォルトの設定では「/features/gelato」からアクセスできます。
「features」の部分を変更する場合は下記の「URLの変更について」をご覧ください。

・特集画像
特集詳細ページのメイン画像です。TOPICS型の特集一覧でも利用されます。

・商品画像
HOT ITEMS型の特集一覧で利用されます。

URLの変更について

商品特集ページのURLの「/features」の部分を「/changed_url」に変更するには
下記のように環境変数に設定する必要があります。

SHEEB_PRODUCT_FEATURE_ROOT=changed_url

環境変数の設定の仕方については、公式ドキュメントをご参照ください
http://doc4.ec-cube.net/quickstart_install

特集説明設定

設定画面2

setting1

・商品説明
特集詳細ページで利用される特集ページの本文です。
こちらはHTML対応です。

・商品説明(一覧)
特集一覧で利用される文章です。
こちらはHTML対応です。

・検索ワード
下記のような構文で利用される検索ワードです
{{ PRODUCTS_AND_FEATURES({ SearchWord: “Gelato” }) }}
※ EC-CUBE商品検索では利用されません