カートの「今すぐ購入」するを「お支払い手続きはコチラ」に変更したいのですが、ご存知の方がいらっしゃいますでしょうか？
AI-generated summary
Shopifyのカート／商品ページにある「今すぐ購入」ボタンの文言を、「お支払い手続きはコチラ」に変更したいという相談。対象のボタンは dynamic checkout button（動的チェックアウトボタン）で、標準機能としては文言を直接編集できない、という過去の公式フォーラム回答が共有された。
代替策として、テーマコードにJavaScript（jQuery）を追加し、.shopify-payment-button__button などの要素テキストを書き換える方法が案内された。手順は、theme.js の末尾にコードを追記し、jQuery未導入なら theme.liquid の <head> 内で読み込む、というもの。Debutテーマで動作確認済みとされた。
注意点として、元の文言が一瞬表示されること、jQuery追加で表示速度に影響する可能性があることも明記された。最終的に、質問者はこの方法で表示文言を変更できたと報告しており、議論は実質的に解決している。
英語のフォーラムで過去に同じ内容の質問があり、Shopifyスタッフの方が回答されています。
結論から言うと、現状では「今すぐ購入」ボタンは dynamic checkout buttonという特殊な仕様であるため、文言の編集ができないようです。
次善の策としてJavascriptを追記して文言を変える方法があります(jQuery)。
以下、具体的なコードの追加方法をご説明します。
-
管理画面の「オンラインストア」→「テーマ」→「コードを編集」
-
Assetsフォルダの「theme.js」ファイルの一番下に以下のコードを追記します。
setTimeout(function(){
$('.shopify-payment-button__button').text(‘お支払い手続きはコチラ);
},1000)
setTimeout(function(){
$('.shopify-payment-button__button--unbranded').text('お支払い手続きはコチラ');
},2000)
- 現状でjQueryを読み込んでいない場合は、以下のコードをLayoutフォルダの「theme.liquid」に追記して読み込みます。
追記場所は、ファイル上部のタグ内です。
Debutテーマで実装して動作確認済みです。
この方法の注意点としては、
・元々のテキストが一瞬表示される
・jQueryを読み込むため表示速度に影響する、などです。
以上、ご参考ください。
この度はとても丁寧に教えていただきまして、ありがとうございました。
ボタンに表示される文字を変更することができました。