ローカリゼーションセレクター

注目のリンク

1. セクションとブロックに関するShopifyドキュメント
2. Localization selectorsブロックに関するCompany XYZドキュメント
3. カラー設定に関するCompany XYZドキュメント
4. 表示設定に関するCompany XYZドキュメント

このブロックを使用して、お客様が見つけやすい場所、たとえばヘッダーのユーティリティエリアやフッターに、国、通貨、言語のコントロールを追加します。セレクターを利用できるようになる前に追加の設定が必要な場合があります。設定の詳細については、セクションとブロックに関するShopifyドキュメントを参照してください。ローカリゼーションセレクターに関するCompany XYZドキュメント

セレクターの内容とレイアウト

このブロックで国と通貨のセレクター、言語セレクター、またはその両方を表示するかを選択します。これは、お客様が必要とする地域別コントロールが1種類だけの場合や、インターフェースをできるだけコンパクトに保ちたい場合に便利です。

入力スタイルの設定を使って、わかりやすさとスペースのバランスを取ります。アイコンのみのスタイルは占有スペースが少なく、より狭いレイアウトに適しています。一方、小さなフィールドのスタイルは操作可能なコントロールとして認識しやすくなります。

モバイルの入力スタイルは、コンパクトなレイアウトでは特に注意が必要です。モバイルで小さなフィールドのスタイルを選ぶと、他のモバイルのレイアウト設定がよりインラインであっても、ブロックは必ず独立した行になります。

混雑したモバイルのヘッダーでこのブロックをコンパクトに保つ必要がある場合は、アイコンのみのモバイルスタイルを使用してください。小さなフィールドのモバイルスタイルは、必ず別の行を取ります。

標準ブロック設定

カラー設定

これらの設定では、このブロックに対してのみ通常のテーマカラーを上書きできます。ブロックが別の背景上にある場合や、見つけやすさを保つためにより強いコントラストが必要な場合は、アイコンとテキストの色を調整してください。カラー設定に関するCompany XYZドキュメント

表示設定

表示コントロールを使用して、このブロックをデスクトップ、モバイル、またはその両方で表示します。これは、あるデバイスのレイアウトではローカライズコントロールを表示しつつ、別のレイアウトはよりすっきり、または込み合いすぎないように保ちたい場合に特に便利です。表示設定に関するCompany XYZドキュメント

使用上の注意

1. 必要なコントロールだけを表示します。 お客様が実際に定期的に変更する必要のあるセレクターだけを有効にしてください。
2. スタイルを使用可能なスペースに合わせます。 狭いユーティリティエリアではアイコンのみのスタイルを使い、より明確なラベルがコンパクトさより重要な場合は小さなフィールドを使います。
3. モバイルでの折り返しを想定します。 小さなフィールドのモバイルスタイルを選ぶと、ブロックが独立した行に移動することを想定してください。
4. 両方の表示領域を確認します。 レイアウト、配置、表示、余白はデスクトップ版とモバイル版で異なる場合があるため、別々に確認してください。
5. メッセージの読みやすさを保ちます。 フォームのような設定でお客様が値を変更する場合は、成功メッセージやエラーフィードバックが未入力時と送信後のどちらでも読みやすいことを確認してください。
6. 地域別コントロールの重複を避けます。 同じ選択肢がすでに別の場所に表示されているレイアウトでは、このブロックを非表示にして、ナビゲーションをよりすっきり保ちます。