コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
オプション
<ご契約状況管理画面の使い方>
  • [契約管理ポータル]
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
オプション
<ご契約状況管理画面の使い方>
  • [契約管理ポータル]
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
オプション
<ご契約状況管理画面の使い方>
  • [契約管理ポータル]
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
オプション
<ご契約状況管理画面の使い方>
  • [契約管理ポータル]

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

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

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

設定項目

商品一言説明

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

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

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

関連情報

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