セレクション管理

セレクション機能

セレクション機能では、特定のテーマやトピック(父の日、バレンタイン、◯◯コラボなど)に焦点を当て、それに関する情報を1つのページにまとめて表示するセレクションページ(https://ドメイン/shop/selections)を作成できます。

スクリーンショット 2023-11-06 10.05.00.png
作成したセレクションページは以下URLで公開されます。

https://ドメイン/shop/selections/作成したスラッグ(URL)
※「/」などの記号に関してはURLエンコードされる場合がありますのでご留意ください。

セレクション管理画面

セレクション管理画面は「商品管理 > セレクション管理」で表示されます。

セレクション一覧の確認・編集

登録されているセレクションの一覧を確認・編集できます。
また各セレクション一ページの表示順の設定ができます。

スクリーンショット 2024-05-30 19.02.52.png

セレクションの作成

セレクションページを新規作成する場合は「新規作成」をクリックします。
登録済みのページを編集する場合は「編集」をクリックします。
登録済みのページの複製をする場合は「コピー」をクリックします。

スクリーンショット 2024-05-30 19.02.52のコピー.png

※以降の説明は「新規作成」時の説明となります。

新規作成画面

セレクションページを作成します。

スクリーンショット 2024-05-30 19.11.33.png

基本設定

ステータス ページの公開有無を設定します。

非表示 ページを表示しません。
表示 ページを表示します。
セレクション詳細のみ表示 ページを表示しますが、トップ画面セレクション一覧画面には表示しません。
表示期間 ページの公開期間を設定できます。
公開期間外は対象ページを「非表示」に設定したときと同様に非公開になります。
スラッグ ページのURLを設定します。
以下URLの「本設定」部に表示されます。
https://ドメイン/shop/selections/本設定
セレクション名 管理用のページ名を設定します。
アイキャッチ画像 PCよりアクセスした際に表示されるページのアイキャッチ画像を設定します。

推奨サイズ 1200×460
ファイル形式 .jpg、.jpeg、.png、.gif、.webp
アイキャッチ画像(モバイル) スマートフォンよりアクセスした際に表示されるページのアイキャッチ画像を設定します。

推奨サイズ 460×460
ファイル形式 .jpg、.jpeg、.png、.gif、.webp
タイトル ページに表示されるタイトルを設定します。
コンテンツ PCよりアクセスした際に表示されるページの内容を設定します。
※本項目はhtml記述欄です。CSSやJavaScriptは以下の方法で設定します。

コンテンツ(モバイル) スマートフォンよりアクセスした際に表示されるページの内容を設定します。
※本項目はhtml記述欄です。CSSやJavaScriptは以下の方法で設定します。

商品登録

セレクションページに表示する商品群を選択します。

商品登録.png

スクリーンショット 2024-01-09 15.24.17.png

条件設定して自動セレクト

特定の商品カテゴリや商品ラベルに紐づいている商品を自動で選択することができます 商品カテゴリもしくは商品ラベルが作成されている場合のみ、自動セレクト機能をご利用いただくことができます。

 

個別セレクト

任意の商品を個別に選択することができます。

 

メタ/OGP設定

SEO対策で利用するメタ情報とSNSでシェアするOGP画像を設定します。

セレクション管理_新規作成_メタ.png

メタタイトル ページに表示されるメタタイトルを設定します。
メタディスクリプション ページに表示されるメタディスクリプションを設定します。
メタキーワード ページに表示されるメタキーワードを設定します。
SNSでシェアするOGP画像 ショップを表示する際のページのmeta og:imageタグを設定します。
FacebookやTwitterなどのSNSでシェアした際に表示されるイメージ画像です。
推奨サイズ 1200×628
ファイル形式

.jpg、.jpeg、.png、.gif、.webp

※本設定が未設定の場合は、ショップの基本設定 > メタ/OGP情報の設定が優先されます。

セレクションページのカスタマイズ

テーマカスタマイズに対応したテーマテンプレート(ec_force_basic_theme)では、セレクションページの見た目をコーディングなしで独自のブランドに合わせてカスタマイズできます。

セレクションページのカスタマイズに関しては「テーマ管理 セレクション画面」をご参照ください。

注意事項

セレクション管理で作成したページを利用する場合は、トップページやメニュー画面などにセレクションページへの導線をご用意ください。

この記事の目次

このセクションの記事

セレクション管理