【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. selective focus of employee and recruiter shaking hands

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

  2. woman using laptop

    シンガポールEC市場規模 – シンガポール越境EC基礎

  3. Business concept, signing a business contract,Businessmen holdin

    株式会社スクロール360が考える越境ECの可能性とは?中国向けEC運営サポートも解説

  4. Businessman working and presenting business in a meeting

    日本企業が越境ECで成功した3つの事例を紹介!販売する上での重要ポイントとは?

  5. 越境ECの中国向け商品で人気No.1を誇る化粧品について徹底解説

  6. Online internet shopping logistics and delivery concept

    楽天が再び中国市場に進出!日本企業におすすめのプラットフォーム5選