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

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

サイズや商品仕様、特徴の説明など、商品説明を記載する際に利用できます。

各項目の入力には、HTMLタグを利用することが可能です。

設定項目


商品一言説明

商品一言説明

商品一覧ページに表示する一言説明です。 最大文字数:全角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

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

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


関連情報

商品独自コメントの使用方法

基本的な使い方から、応用編まで解説しています。