セレクション管理

セレクション機能

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

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

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

セレクション管理画面

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

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

登録されているセレクションの一覧を確認・編集できます。

セレクション管理画面.png

セレクションの作成

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

セレクション管理.png

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

新規作成画面

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

セレクション管理_新規作成_基本設定.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

メタ/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)では、セレクションページの見た目をコーディングなしで独自のブランドに合わせてカスタマイズできます。

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

注意事項

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

この記事の目次

このセクションの記事

セレクション管理