Skip to main content

概要

Upcart のスティッキーカートボタンは、カスタム CSS でサイズ変更や位置の調整ができます。これにより、デスクトップとモバイルの両方で、ストアのブランディングやユーザー体験の好みにより適した見た目にできます。 必要なコントロールの度合いに応じて、2 つのアプローチがあります。

オプション 1: スケールによるサイズ変更(シンプルな設定)

この方法では、単一のスケール係数を使用して、ボタンとアイコンを比例的に縮小または拡大します。最小限のコードでボタンサイズを調整できる、最も簡単な方法です。

追加する場所

Upcart > Sticky Cart > Custom CSS に移動し、以下のコードを貼り付けます。

カスタマイズ方法

  • transform を変更してボタンのサイズを調整します(例: 0.80.61.25 など)

オプション 2: ピクセル指定のサイズ変更(高度なコントロール)

この方法では、px の値を使用して各要素の寸法を個別に制御できます。スケールに依存しない精密な調整をしたい場合に使用してください。

カスタマイズ方法

  • :root 内の変数を調整して、各要素のサイズを拡大または縮小します
  • セレクター内の lefttop の値を微調整して、アイコンとバッジを視覚的に中央に配置します

ヘルプが必要ですか?

どちらの方法が適しているかわからない場合や、カスタム CSS の作成にサポートが必要な場合は、Shopify Expert に相談することをおすすめします。Upcart のサポートは、CSS の実装を直接サポートしていません。 Shopify Experts を見る