General
テーマからフォントを継承する
🚧 カートプレビュー 🚧
取り消し線価格を表示する
小計行を有効にする
カートの幅
- デスクトップ - Default または Wide
- モバイル - Full（端から端まで）または Nearly full（端に小さな隙間）
Colors
背景色
カートのアクセントカラー
カートのテキスト色
節約額テキストの色
小計テキストの色
🚧 カートプレビュー 🚧
Upcartは、チェックアウトボタンの個別カスタマイズを含む、高度なボタンスタイル設定オプションを提供しています。これには、CSSによる調整方法やShopifyのブランディングツールとの連携が含まれます。
角の丸み
0 は鋭い直角の角になり、40 はスライダーで設定できる最大の丸みです。この値は、チェックアウトボタン、アップセルボタン、ディスカウントボタン、アップグレードボタンにまとめて適用されます。
スライダーの上限は40 pxです。完全なピル型（錠剤型）のボタンにするには、カスタムCSSが必要です。以下のチェックアウトボタンの高度なCSSカスタマイズを参照してください。
- チェックアウトボタン
- アップセルの「カートに追加」ボタン
- ディスカウントの「適用」ボタン
- サブスクリプションのアップグレードボタン。これらのボタンの色は、Cart Editorでカスタマイズできます。CSSの変更などのさらに高度なカスタマイズについては、高度なカスタマイズのセクションを参照してください。
- Cart Editorで Settings を開き、Custom CSS タブを選択します。
.checkoutなどの適切なCSSセレクターを利用します。CSSスニペットの例: ピル型のボタンを作成するには:黒い枠線を追加するには:.checkoutは、実際のボタンのCSSクラスに置き換えてください。その他のスタイル設定には、ホバー効果、パディング、テキスト色、フォントなどがあります。
- Shopify管理画面にログインします。
設定 > チェックアウト > カスタマイズに移動します。- ブランディングオプションを利用して、フォント、丸み、色を変更し、シームレスなデザインに仕上げます。
