Skip to main content

​
概要

カート内の特定のテキスト要素（アップセルのタイトルやバリエーションのオプションなど）のフォントサイズを変更したい場合は、Upcartに組み込まれている Custom CSS エディターを使用して行えます。

​
ステップ1: 要素を検証する

  1. ストアフロントを開き、Upcartドロワーを起動します。
  2. フォントサイズを変更したい要素を右クリックします。
  3. ブラウザのコンテキストメニューから検証を選択し、Developer Toolsを開きます。
  4. HTMLパネルで要素のクラス名を見つけます。
    例: upcart-item-option

​
ステップ2: カスタムCSSエディターにアクセスする

  1. Shopify管理画面 > アプリ > Upcart に移動します
  2. Cart Editor を開きます
  3. Settings をクリックします
  4. Custom CSS セクションを見つけます

​
ステップ3: カスタムCSSを書く

CSS入力フィールドで:
  1. ピリオド（.）に続けてクラス名を入力します
  2. { font-size: 14px !important; }（または希望のサイズ）を追加します
例:
💡 注: .upcart-item-option はV1のクラスです。V2では、対応するラインアイテムのバリエーションテキストは .upcart-public-component-product-tile__variant です。完全なセットについては、V2 CSSセレクターライブラリを参照してください。 !important は、変更後もスタイルが上書きされてしまう場合にのみ使用してください。

​
ステップ4: 保存してテストする

  1. Cart Editorで Save をクリックします
  2. ストアフロントのページを更新します
  3. カートドロワーを開き、フォントサイズが更新されたことを確認します
テキストが変わっていない場合は、クラス名を再確認するか、ブラウザの検証ツールを再度使用して、正しい要素をターゲットにしていることを確認してください。