商品情報にスキップ
1 0
公開日:2024.01.27

Shopifyのテーマ「Dawn」のカートページで「ご購入手続きへ」ボタンをノーコードで画面上部に表示するための設定例

Shopifyのテーマ「Dawn」のカートページで「ご購入手続きへ」ボタンをノーコードで画面上部に表示するための設定例

用途

  • カート編集

実装方法

  • テーマエディタ
詳細を表示する

Shopifyのカート画面で購入商品数が多い場合、スマホ画面では「ご購入手続きへ」ボタンが見切れてしまうことがあります。Amazonのように上に持ってくることができればチェックアウト画面にスムーズに誘導することができます。テーマエディタを使ってノーコードで実装するための設定例です。


Shopifyのテーマ「Dawn」のカートページで「ご購入手続きへ」ボタンをノーコードで画面上部に表示するための設定例


【設定手順①】小計」セクションを「アイテム」の上に移動し、余白を調整してカスタムCSSを設定


【設定手順②【設定手順②】アイテム」セクションのタイトルとアイテムが空のときの「買い物を続ける」ボタンをカスタムCSSで非表示に設定


【使い方】【設定手順③】カートページのタイトルと「買い物を続ける」ボタンをそれぞれリッチテキストで追加


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

カスタムCSS

関連ポスト