成功
Shop でフォローボタン
更新やおすすめを受け取れるシンプルなボタンで、Shop アプリでお客様がストアをフォローできるようにします。
このブロックを使用して、Shop アプリでストアからの更新を受け取りたいお客様向けに、シンプルなフォロー操作を追加します。テーマブロックの仕組みの概要については、Shopify ドキュメントのセクションとブロックを参照してください。フッターやユーティリティ領域など、すばやく低負荷な操作が適している場所に最適です。
デスクトップとモバイルの配置コントロールを使用して、周囲のレイアウトで自然に見える位置にボタンを配置します。モバイルでは中央寄せのレイアウトが、大きな画面では別の位置のほうが適している場合に、配置設定を分けると便利です。
このブロックがメニュー、ソーシャルリンク、または連絡先情報の横にある場合は、それらと配置を揃えると最もすっきりした見た目になります。
レイアウト設定
Section titled “レイアウト設定”これらの設定は、ブロックを柔軟なフッタースタイルのレイアウトにすっきり収めるのに役立ちます。残りのデスクトップ領域に広げることも、近くのコンテンツが詰まっている場合に新しい行または列へ移動させることもできます。
ブロックで均等でない列のバランスを整えたい場合は、利用可能なスペースを埋める動作を使用します。ボタンにもう少し余裕を持たせたい場合や、リンクの密集した一覧から離したい場合は、新しい行または列を使用します。関連するレイアウトガイダンスについては、フッターレイアウトを参照してください。
標準ブロック設定
Section titled “標準ブロック設定”表示コントロールを使用して、このブロックをデスクトップ、モバイル、またはその両方に表示します。これは、より小さい画面向けのレイアウトでフッターをすっきりさせたい場合や、1つのデバイスサイズではフォロー操作を別の場所に置いたほうがよい場合に役立ちます。
表示設定を参照してください。
1つのデバイスサイズでこのブロックを非表示にする場合は、同じフォロー操作をそのレイアウトの別の場所でもお客様が見つけられるようにしてください。
使用上の注意
Section titled “使用上の注意”- ユーティリティ用の配置を選択します。 フッターの列やサポートエリアなど、お客様がすばやい操作を期待する場所にこのブロックを追加します。
- 近くの配置に合わせます。 ボタンが周囲のコンテンツと揃うようにし、視覚的に浮いて見えないようにします。
- レイアウトコントロールで余白を調整します。 ブロックを完全に移動する前に、利用可能なスペースを埋める、新しい行、新しい列の設定を試してください。
- モバイル表示を慎重に計画します。 別の配置ですでに同じ目的を満たせる場合にのみ、小さい画面でブロックを非表示にします。
- 両方の画面サイズを確認します。 デスクトップとモバイルの設定によって配置、表示、余白が異なる結果になることがあるため、公開前に両方のレイアウトでブロックを確認してください。
- 混み合った周囲は避けます。 ボタンが目につきやすいように、大きなリンクグループやプロモーションコンテンツから十分に離してください。