運用サポート(平日10:00~17:00) 06-6485-6485
コマースクリエイター未利用コマースクリエイター移行中(有効)コマースクリエイター利用中説明を表示 ▼

商品コメント設定(コマースクリエイター)

×

マニュアル閲覧上の注意

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

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

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

運用>商品管理>商品情報(コメント設定)タブ

商品コメントを登録できます。

設定項目

商品一言説明

商品一覧ページに表示する一言説明です。
最大文字数:全角2,500字

【表示方法】

「商品一言説明」システムパーツを、コマースクリエイター>テーマ>レイアウト>(商品グループなどの)レイアウト変更にて、表示したい場所に配置してください。

※ただし、商品一覧(システムグループ)の階層以下に限ります。

商品説明(大)

「商品説明(大)表示」システムパーツに表示されます。
最大文字数:全角8,000字

【表示方法】

「商品説明(大)表示」システムパーツを、コマースクリエイター>テーマ>レイアウト>(商品詳細の)レイアウト変更にて、表示したい場所に配置してください。

※ただし、商品詳細エリア(システムパーツグループ)の階層以下に限ります。

【活用方法】

デバイスによって商品説明を出し分けする場合などに便利です。
PC、タブレットには「商品説明(大)」を、スマートフォンには「商品説明(小)」を利用するなどで最適な表示を行えます。

スタートアップテーマ(PC・その他)に初期配置されています。

商品説明(小)

「商品説明(小)表示」システムパーツに表示されます。
最大文字数:全角8,000字

【表示方法】

「商品説明(小)表示」システムパーツを、コマースクリエイター>テーマ>レイアウト>(商品詳細の)レイアウト変更にて、表示したい場所に配置してください。

※ただし、商品詳細エリア(システムパーツグループ)の階層以下に限ります。

【活用方法】

デバイスによって商品説明を出し分けする場合などに便利です。
PC、タブレットには「商品説明(大)」を、スマートフォンには「商品説明(小)」を利用するなどで最適な表示を行えます。

スタートアップテーマ(スマートフォン)に初期配置されています。

独自コメント(1)~独自コメント(20)

商品詳細ページおよび商品一覧ページの「商品一覧」に表示できるコメントです。最大文字数:全角16,000字

【表示方法】

  1. ECサイトに表示するためには、独自コメント(1)~(20)用のそれぞれの置換文字を記載したフリーパーツを作成する必要があります。
    置換文字を使用する以外では表示されません。
    入力する置換文字は独自コメント置換文字一覧をご覧ください。
  2. 作成したフリーパーツを、「商品詳細レイアウト」や「商品グループレイアウト/商品検索結果一覧レイアウトの商品一覧(商品表示部分)」にレイアウト配置します。

※くわしい表示順については、商品独自コメントの基本的な使用方法をご覧ください。

【活用方法】

主な活用方法をいくつかご紹介します。
フリーパーツでの入力内容と併せて使うことで、商品にコメントを表示する以上の、幅広い使い方ができます。

独自コメント置換文字一覧

(フリーパーツに記載して表示)
項目名 置換文字
独自コメント(1) {% product.comment_1 %}
独自コメント(2) {% product.comment_2 %}
独自コメント(3) {% product.comment_3 %}
独自コメント(4) {% product.comment_4 %}
独自コメント(5) {% product.comment_5 %}
独自コメント(6) {% product.comment_6 %}
独自コメント(7) {% product.comment_7 %}
独自コメント(8) {% product.comment_8 %}
独自コメント(9) {% product.comment_9 %}
独自コメント(10) {% product.comment_10 %}
独自コメント(11) {% product.comment_11 %}
独自コメント(12) {% product.comment_12 %}
独自コメント(13) {% product.comment_13 %}
独自コメント(14) {% product.comment_14 %}
独自コメント(15) {% product.comment_15 %}
独自コメント(16) {% product.comment_16 %}
独自コメント(17) {% product.comment_17 %}
独自コメント(18) {% product.comment_18 %}
独自コメント(19) {% product.comment_19 %}
独自コメント(20) {% product.comment_20 %}

ご注意事項

商品説明・独自コメントに画像を使用する場合

コマースクリエイター>アイテムにアップロードした画像を商品説明・独自コメントに記述する場合は、アイテムのURLをフルパスで記述してください

<img src="https://{店舗key}.itembox.design/item/{アイテム一覧で指定したパス}">

アイテムはECサイトとは別のドメインになるため、相対パスでは表示できません。

最新ファイルを読み込ませる記載方法

CSSに画像ファイルなどのURLを直接記載する場合は、以下のように「タイムスタンプ」を記載してください
「最新ファイルに変更したにもかかわらず表示が変わらない(キャッシュをクリアしなくてはならない)」などを防げます。

https://{店舗key}.itembox.design/item/{アイテム一覧で指定したパス}?t=[タイムスタンプ]

タイムスタンプは、「年月日秒」単位まで指定可能です。(秒数はアップロード時以前の秒であれば、おおよそで構いません。)

【例】2020年7月9日5時00分30秒に更新したファイルを読み込ませたい場合
https://{店舗key}.itembox.design/item/sample.jpg?t=20200709050030

※ファイルを更新した場合は、タイムスタンプも更新してください。

※ファイルをアップロードする前にファイルのパスを記述したページを公開した場合にも、キャッシュが発生(ファイルがない状態をキャッシュ)する場合がありますので、その際には同様にタイムスタンプを記述してください。

関連情報

商品独自コメントの使用方法
基本的な使い方から、応用編まで解説しています。

項目表示について

各項目は「以前からのECサイト用」「コマースクリエイター用」「共通」の3種類があります。「コマースクリエイター移行中(有効)」選択時は全ての項目と説明が表示されます。

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

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

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

×

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

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

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