ラベル、説明 & バッジ

テキスト(メインラベル)

アイテムに表示される主要テキスト — 訪問者が読む内容です。

ヒント:

  • 短く保ちましょう: モバイルメニューには1〜3語が理想的です。
  • アイコンのみのアイテムが必要な場合は空欄にします(レイアウト → アイコン/画像のみと組み合わせる)。
  • 複数言語をサポート — ラベルの横の マルチ をクリックして言語ごとの翻訳を追加します。

例: ホームショップお問い合わせ


説明(サブラベル)

メインテキストの下の小さいテキスト行 — 短いメモや補助ラベルに使用します。

例: 電話: +81 3-1234-5678 | 8時〜21時

注意:

  • 表示レイアウトが2行をサポートする場合のみ表示されます(上-下、左-右など)。
  • レイアウトがアイコン/画像のみまたはテキストのみの場合は非表示。
  • 複数言語をサポート。

アイコンのみ(ラベルを非表示にしてアイコンを表示)

テキストラベルを非表示にしてアイコンまたは画像のみを表示するには、レイアウト → 表示レイアウト → アイコン/画像のみ に移動します。

テキストフィールドはデータ上では存在し続けます(SEOとアクセシビリティのため)が、視覚的には表示されません。


区切り線を追加

区切り線を追加 を有効にして、アイテムの下に水平線を追加し、次のアイテムと区切ります。

有効にすると、3つの追加オプションが表示されます:

オプション 説明 プラン
サイズ (px) 線の太さ(デフォルト1px) すべて
タイプ 線のスタイル: 実線、破線、点線、二重線 Business / Elite
カラー 線の色(hex) すべて
スパン: フル、インセット、テキスト下 Business / Elite

タイプと幅はStarterプランではグレーアウト(ロック)されます。


バッジを追加

バッジを追加 を有効にして、アイテムのコーナーに小さなバッジドットを表示します — 「新着」ラベル、通知、またはカート数に便利です。

カートバッジ (Business / Elite)

「カートに商品がある場合にバッジ (+n) を表示」 を有効にして、カート内の商品数を自動的に表示します。

タブバーのカートアイテムに最適:

  • 空のカート → バッジ非表示。
  • カートに3点 → バッジが 3 を表示。