【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. 三井物産 越境ec

    三井物産グローバルロジスティクスが考える越境ECとは?サービス内容も併せて解説

  2. Freelance Asian women online shopping at coffee shop.

    中国で越境ECが人気な理由とは?人気の商材・モールも紹介

  3. Shopping via mobile app

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

  4. Passenger jet plane landing

    中国越境ECのリスクとは?ビジネス参入時の対策を詳しく解説

  5. Calculators and documents. Accounts department.

    中国の増値税ってなに?越境ECでの注意点を5つ解説

  6. Diverse businessmen using laptop together, african coworker showing something at laptop screen

    メキシコEC市場規模 – 墨国越境EC基礎