ボタン設定
ECサイトで使用される各ボタンを変更できます。
デバイスにより表示されるテーマを分けている場合は、各テーマごとに[ボタン]を押下し、表示された一覧から変更を行います。
目次
設定項目について
複数の画面で、共通して使用されるボタンもあります。
各ボタンが配置されている画面は、ボタンの種類と一覧にてご確認ください。
ボタンのデザインについて(スタートアップテーマ利用時)
初期状態では、ボタンはCSSによってデザインされています。
ボタンのデザイン(背景/枠線/文字の色・角丸のサイズ)はカラー・サイズで変更できます。
画像に変更する場合は、本画面よりにて画像を登録してください。
ラベル
ボタンのラベルを変更できます。文字数:100字
初期に入力されているラベルを別の文言に変更します。保存するボタンを押下すると、ECサイトでボタンのラベルが変更されます。
class
ボタンにclassを追加できます。半角英数字・半角スペース・記号(-_{}@.):100字
ECサイト画面に出力されます。デザインを変更する場合などに使用します。
画像
ボタンをCSSによるデザインボタンから、ボタン画像に変更できます。あらかじめボタン画像を作成してください。
アイテムに保存した画像を使用できます。
- [画像を読み込む]
- アイテム検索が表示され、画像を読み込めます。
アイテム一覧でボタン画像を選択すると、画像欄に選択したボタン画像が表示されます。
画像を確認して保存ボタンを押下してください。ECサイトのボタンが画像に変更されます。
ボタン画像に変更すると、カラー・サイズの設定内容は適用されません。 - 追加方法について、詳しくは[参照]ボタン画像用のアイテム検索と追加方法についてをご覧ください。
- [画像を解除する]
- 読み込まれている画像を解除して、CSSボタンに変更できます。
画像解除ダイアログが表示されますので、画像を解除するボタンを押下してください。
保存する
[保存する]を押下すると、ボタン設定を保存します。
キャンセルする
[キャンセルする]を押下すると、未保存の作業内容を破棄します。
[参照]ボタン画像用のアイテム検索と追加方法について
検索フォーム
- キーワード
- アイテム名とアイテム置換文字、パスで検索できます。部分一致で検索できます。文字数:100字
複数指定する場合は、空白で区切ってください。AND検索になります。 - パス
- アイテムをパスで検索できます。部分一致で検索できます。複数指定はできません。文字数:2,000字
- 管理タグ
- 管理タグ一覧で検索できます。管理タグ欄を選択すると、候補が表示されます。
インクリメンタルサーチ機能があり、文字を入力するたびに前方一致で候補が絞込まれます。 - [検索する]ボタン
- 指定した条件でアイテムを検索できます。
検索結果一覧
- パス
- アイテムのパスが表示されます。項目名を選択すると並び替えできます。
- 画像
- 画像が表示されます。画像によっては縮小表示されます。
画像を押下すると、拡大表示できます。 - アイテム名
- アイテム名が表示されます。項目名を選択すると並び替えできます。
- 更新日時
- アイテムの更新日時が表示されます。項目名を選択すると並び替えできます。
- サイズ
- アイテムのファイルサイズが表示されます。項目名を選択すると並び替えできます。
- 選択
- アイテム選択ボタンです。選択するボタンを押下すると画像欄に入力できます。
アイテムの容量
保存できるアイテムの容量はプランによって違います。
保存済みのアイテムの合計ファイルサイズとアイテムを保存できるディスクサイズが表示されます。十分な空き領域がなければ、アイテムをアップロードできません。
空き領域が少ない場合は、アイテムから不要なアイテムを削除してください。
アイテムの追加方法
一覧にアイテムがない場合は、アップロードできます。
アイテムはファイル単位でアップロードできます。アップロードしたボタン画像ファイルは「アイテム」として保存され、一覧に表示されます。
アイテムをドラッグ&ドロップで追加
アップロードしたいファイルをドラッグして、管理画面のアップロード領域にドロップしてください。
ファイルごとにアップロードする場合は、ドラッグ&ドロップでアップロードできます。(ZIPファイルでのアップロードはできません。)
アイテム追加ダイアログが開きます。
[アイテムをアップロードする]ボタンから追加
ファイル選択ダイアログが開きます。アップロードしたいファイルを選択してください。
アイテム追加ダイアログが開きます。
アイテム追加ダイアログ
- アイテム名
- アイテムの名前です。
- URL
- アイテムのファイルパスを指定できます。「https://店舗KEY.itembox.design/item/」に続くパスを指定できます。
/item/以下のディレクトリにあたる部分は、任意に指定できます。ファイルパスにはファイル名を含んで入力してください。ファイル名まで指定すると、指定されたファイル名で保存できます。未入力の場合は、「https://店舗KEY.itembox.design/item/アップロードされたファイル名」になります。
実際のURLは、静的HTMLファイル、画像などそれ以外のファイルで異なります。 - 管理タグ
- 任意の管理タグを設定できます。管理タグを指定してアイテム検索できます。コマースクリエイター>管理タグ一覧より任意の管理タグを追加できます。
- 同じフォルダやファイルは上書きする
- すでに同じパスでアップロードされたファイルがある場合に、上書きアップロードできます。
パスが重複している場合でかつチェックがない場合は「パスは既に登録されています。」というエラーが表示されます。 - 保存する
- アップロードされたアイテムとアイテム設定を保存します。