はじめに
小計行を有効にする
コードで小計を挿入する
カスタム CSS と HTML 設定にアクセスする
- ダッシュボード内で Upcart アプリを開きます。
- Cart Editor に移動します。
- Settings を開きます。タブが並んでいるので、Custom HTML または Custom CSS を選択します(タブが収まりきらない場合は More settings の中にあります)。
HTML
CSS
Upcart に小計行を追加する
チェックアウトボタンの上に小計行も表示したい方向け
小計設定*(下の画像)*がうまく機能しない場合のために、小計行を手動で挿入する方法を説明するドキュメントです。
カートの Design 設定で、小計行を簡単に有効にできます。
設定は次の場所にあります:
Cart Editor > Design > General > Enable subtotal line
Upcart の CSS のカスタマイズを始めるには、次の手順に従います:
Upcart で変更を反映したい場所を指定するため、必ず HTML の挿入位置を選択してください。今回の場合、小計行は「チェックアウトボタンの上(above the checkout button)」に表示します。以下の「Subtotal」テキストは、お好みの言語に合わせて自由に変更してください。
Settings =>Custom CSS で、必要に応じてカスタム CSS のフォントサイズと色を変更します。完了したら「Save」を押すのを忘れないでください!
Upcart のサポートチームは、カート内でのカスタム CSS や HTML ソリューションの実装をサポートできません。
カスタムのデザインやスタイリングでサポートが必要な場合は、Shopify Expert への相談、または AI プロンプトガイドラインを使った LLM とのチャットをおすすめします。