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

商品マーク追加・変更

コマースクリエイター>テーマ>商品マーク一覧>商品マーク追加・変更

商品マークを変更・追加できます。

商品マークとは

使用方法やユーザー画面表示イメージなど、くわしくは商品マーク一覧-商品マークとはをご覧ください。

デバイスにより表示されるテーマを分けている場合は、各テーマごとに[商品マーク]を押下し、表示された一覧から変更を行います。

目次

設定項目について

追加する場合
商品マーク一覧にて[商品マークを追加する]を押下すると遷移します。
変更する場合
商品マーク一覧にて変更ボタンを押下すると遷移します。

ラベル

商品マークに表示する文言を設定できます。文字数:100字

class

商品マークにclassを設定できます。CSSで商品マークをデザインする場合に使用します。半角英数・半角スペース・記号(_-{}@.):100字

画像

ラベルの代わりに表示する画像を設定できます。
画像を設定すると、ラベルが表示されず、ラベルに入れた文言はALTテキストに出力されます。

画像を読み込む
アイテム検索が表示され、画像を読み込めます。
追加方法について、詳しくは[参照]商品マーク画像用のアイテム検索と追加方法についてをご覧ください。
画像を解除する
読み込まれている画像を解除して、画像が読み込まれていない状態にできます。

商品タグ

商品タグを1つ選択します。選択した商品タグが登録されている商品に、商品マークを表示できます。
入力も可能です。文字数:100字以(カンマ[全角/半角]とスペース[全角/半角]は利用不可)

商品タグ欄を選択すると、商品に登録されている商品タグが候補として表示されます。表示された商品タグの中から選択してください。
()内の数字は、商品タグが設定されている商品数です。
商品タグ欄はインクリメンタルサーチ機能があり、文字を入力するたびに前方一致で候補が絞込まれます。

商品タグは、運用>商品管理>商品新規登録・商品基本情報編集-商品基本情報-タグで登録できます。
商品マークと商品情報の両方に商品タグを登録することで、商品情報として商品マークをECサイトに表示できます。

カラー

商品マーク(画像を使用しない場合)の色(背景色/文字色の組み合わせ)を42色の中から選択できます。

CSSを用いて、任意の色を指定する場合は、「色を指定しない(最初の選択肢)」を選択してください。
あらかじめ用意された色(が定義されたclass)が適用されません。

保存する

[保存する]を押下すると、商品マークを保存します。

キャンセルする

[キャンセル]を押下すると未保存の作業内容を破棄します。

商品マークを削除する

商品マーク変更時のみ表示されます。
[商品マークを削除する]を押下すると、商品マークを削除できます。

[参照]商品マーク画像用のアイテム検索と追加方法について

検索フォーム

キーワード
アイテム名とアイテム置換文字、パスで検索できます。部分一致で検索できます。文字数:100字
複数指定する場合は、空白で区切ってください。AND検索になります。
パス
アイテムをパスで検索できます。部分一致で検索できます。複数指定はできません。文字数:2,000字
管理タグ
管理タグ一覧で検索できます。管理タグ欄を選択すると、候補が表示されます。
インクリメンタルサーチ機能があり、文字を入力するたびに前方一致で候補が絞込まれます。
[検索する]ボタン
指定した条件でアイテムを検索できます。

検索結果一覧

パス
アイテムのパスが表示されます。項目名を選択すると並び替えできます。
画像
画像が表示されます。画像によっては縮小表示されます。
画像を押下すると、拡大表示できます。
アイテム名
アイテム名が表示されます。項目名を選択すると並び替えできます。
更新日時
アイテムの更新日時が表示されます。項目名を選択すると並び替えできます。
サイズ
アイテムのファイルサイズが表示されます。項目名を選択すると並び替えできます。
選択
アイテム選択ボタンです。選択するボタンを押下すると画像欄に入力できます。

アイテムの容量

保存できるアイテムの容量はプランによって違います。

保存済みのアイテムの合計ファイルサイズとアイテムを保存できるディスクサイズが表示されます。十分な空き領域がなければ、アイテムをアップロードできません。
空き領域が少ない場合は、アイテムから不要なアイテムを削除してください。

アイテムの追加方法

一覧にアイテムがない場合は、アップロードできます。
アイテムはファイル単位でアップロードできます。アップロードした商品マーク画像ファイルは「アイテム」として保存され、一覧に表示されます。

アイテムをドラッグ&ドロップで追加

アップロードしたいファイルをドラッグして、管理画面のアップロード領域にドロップしてください。
ファイルごとにアップロードする場合は、ドラッグ&ドロップでアップロードできます。(ZIPファイルでのアップロードはできません。)

アイテム追加ダイアログが開きます。

[アイテムをアップロードする]ボタンから追加

ファイル選択ダイアログが開きます。アップロードしたいファイルを選択してください。

アイテム追加ダイアログが開きます。

アイテム追加ダイアログ

アイテム名
アイテムの名前です。
URL
アイテムのファイルパスを指定できます。「https://店舗KEY.itembox.design/item/」に続くパスを指定できます。
/item/以下のディレクトリにあたる部分は、任意に指定できます。ファイルパスにはファイル名を含んで入力してください。ファイル名まで指定すると、指定されたファイル名で保存できます。未入力の場合は、「https://店舗KEY.itembox.design/item/アップロードされたファイル名」になります。
実際のURLは、静的HTMLファイル画像などそれ以外のファイルで異なります。
管理タグ
任意の管理タグを設定できます。管理タグを指定してアイテム検索できます。コマースクリエイター>管理タグ一覧より任意の管理タグを追加できます。
同じフォルダやファイルは上書きする
すでに同じパスでアップロードされたファイルがある場合に、上書きアップロードできます。
パスが重複している場合でかつチェックがない場合は「パスは既に登録されています。」というエラーが表示されます。
保存する
アップロードされたアイテムとアイテム設定を保存します。