Infinite Optionsの必須入力のエラーメッセージ日本語化の方法

Shopifyで商品オプションを追加するアプリ「Infinite Options」は、オプションの入力項目を自由に追加できて、カスタム商品などのショップには必須のおすすめソフトです。

エラーメッセージの日本語化の方法がわからず調べたので備忘録的に書いておきます。

必須項目の未入力時のメッセージ

オプションの入力項目を以下のように、必須項目(Required Field)指定もできるのですが、それを入力しないでカートに入れるをクリックすると"Please add your personalized text before adding this item to cart."とエラーのメッセージが英語で出てしまいます。

エラーメッセージの日本語化方法

これを日本語表示に変えたいのですが、方法は簡単で以下の一番下の行の"Please add your personalized text before adding this item to cart." の部分を"「お入れする文字」の入力をお願いします。"など、表示させたい内容に変更して、Shopify themeのproduct.liquidファイルに貼り付ければ、その内容が表示されます。

自分は、Prestigeというテーマを使っているので、main-product.liquid ファイルに貼り付けました。

<!-- Infinite Options by ShopPad -->
<script>

// OPTION 2
// Change text input required error messages
window.Shoppad = window.Shoppad || {},     
window.Shoppad.apps = window.Shoppad.apps || {},     
window.Shoppad.apps.infiniteoptions = window.Shoppad.apps.infiniteoptions || {},     
window.Shoppad.apps.infiniteoptions.strings = window.Shoppad.apps.infiniteoptions.strings || {},   
window.Shoppad.apps.infiniteoptions.strings.errorMessages = window.Shoppad.apps.infiniteoptions.strings.errorMessages || {}, 
// The string
window.Shoppad.apps.infiniteoptions.strings.errorMessages.forTextInputs = "Please add your personalized text before adding this item to cart.";
</script>

エラーのポップアップがこんな感じで表示されます。

これはテキストの時のエラーなので、数字の入力やチェックボックスの場合は、記述が異なりますので、以下のinfinite Optionsのサポートページを参照ください。

Infinite Options: Change or translate required pop up error messages or change the "Characters Remaining" text - ShopPad Knowledge Base

Shopoifyのエラーメッセージの日本語編集

今回は、追加したアプリのエラーメッセージの日本語化でしたが、Shopifyのエラーメッセージの変更は以下の方法でできます。こちらは基本日本語になっているので表記内容を変更したい時になると思います。

こちらは、テーマアクションの「言語を編集」を選ぶと変更画面になります。