キャンセル
検索
導入前のご相談 06-6485-5330
運用サポート:06-6485-6485 平日9:30~18:00(土日祝除く)
コマースクリエイター無効コマースクリエイター有効コマースクリエイター運用中?

パーツ一覧

×

マニュアル閲覧上の注意

店舗の状態にあわせて、上のボタンからいずれかを選択してください。表示される項目が変更されます。

コマースクリエイター無効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター有効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター運用中(切替後)
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

上記のボタンは再選択できます。店舗の状態がわからない方はコマースクリエイターご利用状況の確認方法についてをご覧ください。

パーツとは

パーツとは、ECサイトの表示内容を入力し、レイアウトに配置することで、任意のページデザインを構築できる機能です。
ECサイトの表示内容の一部をパーツとして追加・変更できます。パーツは、どのテーマのどのレイアウトにも配置できます。

コマースクリエイターの初期状態でスタートアップテーマ用のパーツが配置されています。スタートアップテーマのご利用方法をご覧ください。(スケルトンテーマで使用するパーツもいくつかあります。)

パーツの種類

パーツには以下の種類があります。

パターンパーツ

あらかじめシステムで用意した形式(パターン)のパーツを管理画面UIを利用して追加できます。最小限のHTMLタグ入力で、ECサイトによくあるパーツを追加できます。下記の種類があります。

カルーセルパーツ
トップページなどにあるカルーセルを追加できます。スライドの1枚ごとに画像・キャプション・リンクを設定できます。
コラムパーツ
画像+見出し+本文で構成されるコラムを追加できます。一つのコラムパーツで1から4コラムまで作成できます。コラムを追加した後、コラムの表示順を変更できます。コラムの配置の縦・横も簡単に設定できます。
箇条書きパーツ
箇条書き形式でパーツを追加できます。行頭文字(リストマーカー)なし・記号・数字に加え、注釈(※)、パンくずリンク(フリーページ用)にも対応できます。行を追加した後、行の表示順を変更できます。
メニューパーツ
ECサイトのメニュー(ナビゲーション)を追加できます。任意のメニュー項目を追加、配置できるできるだけでなく、商品グループ情報を読み込み、グループの親子関係を自動的にメニューの階層に設定できます。
任意商品一覧パーツ
商品番号を登録するだけで、商品を横に並べて表示できるパーツです。20商品まで登録でき、カルーセル形式で横にスライド(フリック)できます。

フリーパーツ

フリーな(形式が決まっていない)HTMLタグを直接入力できるパーツを追加できます。HTMLタグを使用できるコメント欄として使用できます。
パーツ置換文字を使用することで、他のパーツを読み込み表示(include・入れ子)できます。アイテム置換文字ではアイテム一覧にアップロードしたファイルのパスを表示できる他、商品情報や会員情報の置換文字も使用できます。

パネルパーツ

複数のパーツをまとめてレイアウトに配置できます。管理画面のUIでパーツの読込表示(include・入れ子)を設定できます。レイアウトでは一つのパーツとして表示されます。
ヘッダやフッタ、サイド部分などの共通部分の管理に適しています。

その他のパーツ

パーツ一覧に表示されませんが、以下のパーツがあります。

システムパーツ
レイアウトに配置される、ECサイトのシステム制御部分をパーツとしてレイアウト上に表示したものです。パターンパーツ・フリーパーツ・パネルパーツと同様にレイアウトに配置できます。
レイアウトパーツ
レイアウト変更画面でのみ使用する特殊なパーツで、パーツ配置エリアにてパーツを囲むタグを設定したり、階層表示できます。また、表示条件機能により会員ログイン状態や商品によってパーツの表示・非表示を制御できます。

パーツ一覧

パーツを検索し、一覧表示できます。
全件が初期表示され、種類順にソートされています。条件を指定して検索し、操作対象のパーツを一覧に表示します。

検索条件

キーワード

パーツをキーワードで検索できます。検索対象は「パーツ名」「パーツ置換文字」「id」「class」「備考」です。部分一致で検索できます。
複数指定する場合は、空白で区切ってください。AND検索になります。

表示内容を検索対象にする

表示内容を検索対象にするにチェックすると、フリーパーツの「表示内容」をキーワード検索対象にできます。表示内容に記載した置換文字でも検索できます。

管理タグ

パーツを管理タグで検索できます。管理タグ欄を選択すると、候補が表示されます。インクリメンタルサーチ機能があり、文字を入力するたびに前方一致で候補が絞込まれます。複数指定した場合は、OR検索になります。

種類

パーツを種類で検索できます。フリーパーツ/カルーセル/コラム/メニュー/箇条書き/任意商品一覧/パネルパーツから検索できます。複数指定した場合は、OR検索になります。
なお、システムパーツはパーツ一覧から変更できないため、検索できません。システムパーツはメッセージまたは以前からの管理画面より変更できます。詳しくはシステムパーツ一覧をご覧ください。

検索するボタン

指定した条件でパーツを検索できます。

一覧表示項目

種類

パーツの種類が表示されます。選択すると並び替えできます。

パーツ名

パーツの名称が表示されます。選択すると並び替えできます。

更新日時

パーツの更新日時が表示されます。選択すると並び替えできます。

変更

パーツを変更します。変更ボタンを押下すると、パーツ種類ごとの変更画面へ遷移します。

複製

パーツを複製します。複製ボタンを押下すると、複製ダイアログが表示されます。
複製ダイアログでパーツとパーツ置換文字を入力し、「パーツを複製する」ボタンを押下すると、複製されます。複製元パーツの内容をコピーして新しいパーツを追加できます。

パーツ置換文字コピー

押下すると、パーツ置換文字をコピーできます。
フリーパーツ表示内容やフリーページ本文に、パーツ置き換え文字を貼り付ける際に使用します。

パーツを追加する

画面左下にあるパーツを追加するボタンを押下します。パーツを追加するボタンを押下すると、パーツ選択ダイアログが表示されます。
なお、パネルパーツとフリーパーツを追加する場合は、選択肢から直接追加できます。(ショートカットメニューです。)その他のパーツを追加するを選択すると、パーツ選択ダイアログが表示されます。

パーツ選択ダイアログでパーツを選択すると、パーツの追加画面に遷移します。任意のパーツ名を入力します。画面右下の「保存する」ボタンを押下すると、パーツが保存されます。

パーツを保存した時点では、どのレイアウトにも配置されていませんので、ECサイトに表示されることはありません。いったんパーツを保存してから作業できます。

パネルパーツを追加する
パネルパーツを追加する場合に選択してください。
フリーパーツを追加する
フリーパーツを追加する場合に選択してください。
パーツを追加する
パーツ選択ダイアログが表示されます。

パーツ選択

パターンパーツ(カルーセルパーツコラムパーツ箇条書きパーツメニューパーツ任意商品一覧パーツ )またはフリーパーツパネルパーツの中から、追加するパーツを選択してください。

パーツ使用上の注意

パーツの上限は最大で10,000までです。

レイアウトに配置する

作成したパーツを有効なレイアウトに配置すれば、ECサイトに表示できます。レイアウトをご覧ください。

項目表示について

各項目は以前からのECサイト用・コマースクリエイター用・共通の3種類があります。コマースクリエイター有効(切替前)は両方の項目が表示されます。

以前からのECサイト用項目で、コマースクリエイターでは使用しません。(右側にこちらの色の点線が表示されます。)

コマースクリエイター専用ECサイト用の項目です。以前からのECサイトには影響しません。(右側にこちらの色の点線が表示されます。)

上記以外は共通で使用する項目です。(何も表示されません。)

×

店舗の状態にあわせて、下のボタンからいずれかを選択してください。

コマースクリエイター無効 コマースクリエイター有効 コマースクリエイター運用中
コマースクリエイター無効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター有効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター運用中(切替後)
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

再度選択できますので、店舗の状態がわからない方はいったん「有効」をお選びください。
詳しくはコマースクリエイターご利用状況の確認方法についてをご覧ください。