成功
支払いアイコン
デスクトップとモバイル全体で、柔軟なレイアウトと表示制御を備えた支払いアイコンを表示します。
このブロックを使用して、利用可能な支払い方法のアイコンを、フッターやユーティリティ領域で簡単な信頼の指標として表示します。顧客が追加のテキストなしで利用可能な支払いオプションをひと目で確認したい場合に最適です。
アイコンは、有効にしている支払い方法を反映します。機能の正式な参照情報については、ソース提供の 支払いアイコン をご覧ください。ブロックがテーマ内でどのように配置されるかのより広い概要については、セクションとブロックに関するShopifyドキュメント をご覧ください。
配置コントロールを使用して、デスクトップとモバイルでアイコンをすっきりと配置します。画面サイズごとに配置を分けると、幅広いフッター行ではバランスを保ちつつ、小さい画面でも整って見せることができます。
このブロックがメニュー、ソーシャルアイコン、または著作権テキストの横にある場合は、すべての場面で1つの配置に固定するのではなく、モバイルの配置を個別に調整してください。その方が、一般的によりすっきりしたユーティリティレイアウトになります。
レイアウト設定
Section titled “レイアウト設定”これらの設定は、ブロックをより複雑なフッターレイアウトに合わせるのに役立ちます。ブロックを残りのデスクトップスペースに広げることも、近くのコンテンツとの区切りをより明確にしたい場合は、新しい行や列に配置することもできます。
支払いアイコンが他の小さなフッター要素と競合している場合は、これらのコントロールを使用してください。ブロックに余裕を持たせると、読みやすさが向上し、行が窮屈に感じられにくくなります。レイアウト全般のガイドについては、ソース提供の フッターレイアウト設定 をご覧ください。
利用可能なスペースを埋める はデスクトップのレイアウトにのみ影響します。小さい画面でもブロックが意図どおりに見えるよう、必ずモバイルの結果を個別に確認してください。
標準ブロック設定
Section titled “標準ブロック設定”ブロックをデスクトップでのみ、またはモバイルでのみ表示したい場合は、表示コントロールを使用します。これは、支払いアイコンがデスクトップのフッターをより充実させる一方で、コンパクトなモバイルレイアウトでは繰り返し感があったり窮屈に感じられたりする場合に便利です。
周囲のレイアウトだけで顧客が支払いオプションについて十分な安心感を得られる場合にのみ、ブロックを非表示にしてください。共有される動作の詳細については、ソース提供の 表示設定 をご覧ください。これらのコントロールをエディターで見つける方法については、テーマエディターに関するShopifyドキュメント をご覧ください。
使用上の注意
Section titled “使用上の注意”- 信頼につながるコンテンツの近くに配置します。 顧客が店舗への安心感を自然に探すフッターやユーティリティ領域に支払いアイコンを追加します。
- モバイルは別々に調整します。 配置や間隔は表示領域によって異なって見えることがあるため、デスクトップとモバイルの両方のレイアウトを確認してください。
- 余白は意図的に使います。 近くのフッターコンテンツが窮屈に感じられる場合にのみ、ブロックを広げるか新しい行へ移動します。
- 役割をシンプルに保ちます。 このブロックは、利用可能な支払い方法を視覚的にすばやく確認するために使用し、より詳しい支払いメッセージやポリシーメッセージの代わりにはしないでください。
- 意図を持って非表示にします。 ブロックを1種類のデバイスでのみ表示する場合でも、全体のレイアウトが十分に整い、信頼できる印象に見えることを確認してください。