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

商品マーク一覧

コマースクリエイター>テーマ>商品マーク一覧

商品詳細ページや商品一覧など、商品の特徴を一言で表すマークを設定できます。

デバイスにより表示されるテーマを分けている場合は、各テーマごとに[商品マーク]を押下して遷移してください。

100件まで商品マークを作成できます。

目次

商品マークとは

商品マークとは、商品詳細ページや商品一覧などに表示できる、商品の特徴を一言で表すマークです。
商品タグごとに1つの商品マークを登録できます。
商品タグを登録した商品に対して、設定された商品マークを表示できます。登録上限:100件

<商品マークの機能>

  • 商品マークごとに色を選択できます。
  • 商品マークごとにclassを設定できるので、CSSにて商品マークのデザインを変更できます。
  • 商品マークに、独自で作成した画像も指定できます。
  • 商品マークの表示順を設定できます。(システム的に自動出力されるマークは除く)

ユーザー画面での表示イメージ

左イメージ内で、商品マークにより表示されているマークは、「NEW」「SALE」です。

その他のマークは、システム的にあらかじめ設定され、出力される商品マークです。
システム的に出力される商品マークは、設定方法が異なります
くわしくは以下のリンク先にてご確認ください。
なお、システム的に出力される商品マークの表示順は変更できません。

左図では、通常同時表示されることのない商品マークも、便宜的に順不同にて掲載しています。あらかじめご了承ください。

商品マークの設定方法

  1. 本画面の[商品マークを追加する]を押下し、商品マーク追加をひらき、商品マークを登録します。
  2. 商品マークに商品タグを指定します。1つの商品タグに対して、1つの商品マークを追加できます。
  3. 商品に商品マークを追加した商品タグを設定します。
    運用>商品管理>商品新規登録・商品基本情報編集-タグにて設定します。
  4. ECサイトにて商品詳細ページや、商品一覧に該当の商品が表示される場合に、商品マークが表示されます。

商品マーク一覧

商品マークを検索し、一覧表示できます。
商品マークの表示順を設定できます。同じ商品に対して複数の商品タグが登録されていた場合、一覧の上にある商品マークから表示されます。

ラベル
商品マークに表示される文言が表示されます。
カラー/画像
商品マークのカラー見本が表示されます。画像が設定されている場合は、設定された画像が表示されます。
class
商品マークのHTMLタグに設定されたclassが表示されます。CSSで商品マークをデザインする場合に使用します。
商品タグ
商品マークに設定された商品タグが表示されます。商品タグが登録された商品に商品マークが表示されます。

表示順を変更する

表示順を変更するボタンを選択してドラッグすると商品マークを上下に移動でき、表示順を変更できます。

変更する

商品マークを変更します。変更ボタンを押下すると、商品マーク変更へ遷移します。

保存する

[保存する]を押下すると、一覧に表示されている順番で商品マークの表示順を保存します。

追加する

[商品マークを追加する]を押下すると、商品マーク追加へ遷移し、新しい商品マークを追加できます。