Skip to main content

​
概要

デフォルトでは、Upcartのアップセルセクションのカルーセル矢印は黒色です。アップセルの背景が暗い場合、矢印が見えにくいことがあります。これは、簡単なCSSの更新で矢印の色を変更することで解決できます。

​
カスタムCSSエディターの場所

  1. Upcart > Cart Editor > Settings > Custom CSS に移動します
  2. 入力フィールドまでスクロールし、CSSコードを貼り付けます
  3. Save をクリックします
  4. ストアフロントを更新して、変更をプレビューします

​
V1.0で矢印の色を変更するCSS例

​
V2.0で矢印の色を変更するCSS例

上記のV1のルールは矢印を白に設定し、V2のルールはオレンジに設定します。どちらも「次へ」と「前へ」の両方の矢印に適用されます。

​
カスタマイズ方法

ブランドのカラーパレットに合わせて border-color や stroke を更新できます。有効な任意のカラー形式を使用してください:
  • 名前付きカラー（例: black、white、red）
  • 16進コード（例: #ffffff）
  • RGB値（例: rgb(255, 255, 255)）
例:
これにより、どんな背景色に対してもアップセルのナビゲーション矢印がはっきり見えるようになります。