【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. Aerial view of logistic center

    EUの越境EC向けのVATが変更に!今後の物流へ3つの影響

  2. Online shopping concept

    越境ECの中国での市場規模は?2019年度は1.93兆ドル?

  3. Phone addict couple looking on smartphones

    越境ECとインバウンドECの違いについて5分で解説!

  4. Pharmacist holding pill bottle

    医薬品を海外へ!第一三共ヘルスケアの越境ECの仕組みを徹底解説

  5. 越境ec グローバルec 違い

    越境ECとグローバルECの違いとは?越境・国内EC運用のメリット・デメリットを解説

  6. 越境ec アメリカ

    アメリカ向け越境EC参入で重要となる3つのポイント!代表的なECサイトも紹介