【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. Online shopping

    海外進出した三越伊勢丹のその後は?今後の越境ECの展望

  2. Mailbox and mail

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

  3. Online shopping concept. Shopping cart, laptop on the desk

    越境ECのおすすめプラットフォーム!注目の5社の特徴と利用メリット

  4. Online shopping concept

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

  5. woman is working on pc

    【中国・アメリカ】人気のECサイト・マーケットプレイス6選

  6. Foreign languages translation or learning languages online. Mobile phone or smartphone

    翻訳サービス・翻訳ソフト紹介7選