【Shopify】DawnテーマでApple Pay / Google Payを非表示にする方法(商品ページ&カートページ)

ShopifyのDawnテーマで
Apple Pay・Google Pay(動的チェックアウトボタン)を非表示にする方法をまとめます。

2箇所に表示されます。

チェックアプトページ(ショッピングカート)

商品ページ

 

 

【Shopify】DawnテーマでApple Pay / Google Payを非表示にする方法(商品ページ&カートページ)

ShopifyのDawnテーマでApple Pay・Google Pay(動的チェックアウトボタン)を非表示にする方法です。


① 商品ページのApple Pay / Google Payを非表示にする方法

商品ページ

 

Dawnテーマでは「動的チェックアウトボタン」をオフにすることで非表示にできます。

手順

  1. Shopify管理画面
  2. オンラインストア
  3. テーマ
  4. 「テーマを編集」をクリック

  5. 上部で「商品」テンプレートを選択

  6. 左メニュー「商品情報」をクリック

  7. 「動的チェックアウトボタンを表示」のチェックを外す
    ※右側に何も出ない場合は、画面が狭いためなので大きく表示させてみてください

  8. 保存

これで商品ページのApple Pay / Google Payボタンが非表示になります。

 

 

② カートページのApple Pay / Google Payを非表示にする方法

チェックアプトページ(ショッピングカート)

カートページのウォレットボタンはCSSで非表示にできます。

手順

  1. オンラインストア
  2. テーマ
  3. 「…」→「コードを編集」

  4. base.css を開く

  5. ファイルの一番下に以下のコードを追加

.shopify-payment-button,
.additional-checkout-buttons,
.cart__dynamic-checkout-buttons {
  display: none !important;
}

保存するとカートページのGoogle Pay / Apple Payが非表示になります。

③ 完全に停止する方法

CSSで隠すのではなく、Shopify側で無効化する方法です。
この場合はオーナー権限がないと設定できません。

手順

  1. 設定
  2. 決済
  3. Shopify Payments
  4. ウォレット
  5. Apple Pay / Google Pay をオフ

※ストアオーナー権限が必要です。

まとめ

  • 商品ページ → 動的チェックアウトボタンをオフ
  • カートページ → CSSで非表示
  • 完全停止 → Shopify Paymentsでウォレット無効化

 

関連記事

  1. Shopifyアプリ:Globo Product Optionsの設定方法

  2. Empty mini shopping cart on tablet

    日本・アメリカ・中国・韓国・台湾で代表的な越境EC一覧!それぞれの特徴を徹底解説

  3. Shopping via mobile app

    百度の日本法人が開設した越境ECサービス「百分百(バイフンバイ)」とは?

  4. selective focus of employee and recruiter shaking hands

    【英語・中国語のスキルを活かせる仕事】越境ECにまつわる求人とは?

  5. Mailbox and mail

    メール配信・メルマガ配信サービス9選

  6. 越境EC 個人

    個人でも利用可能!越境ECのはじめ方やポイントを紹介!