成功
カスタム liquid
カスタム Liquid、アプリのスニペット、動的コンテンツを、必要な場所に正確に追加します。
このブロックは、ページレイアウト内にカスタム Liquid 出力を直接表示する必要がある場合に使用します。アプリのスニペット、メタフィールドと動的ソース、または標準のブロックでは対応していない少量の動的コンテンツなど、高度なユースケースに最適です。
このブロックは上級者向けです。無効なコードやコンテキストに依存するコードは、何も出力しない、予期しないコンテンツを表示する、または周囲のレイアウトを崩す可能性があります。
メインのコードフィールドで、このブロックが何を表示するかを制御します。コンテンツブロックの間にアプリの出力を挿入する、保存済みデータを特定の場所に表示するなど、配置が重要な集中的なカスタマイズに使用します。
各ブロックは、1つの明確な目的に絞ってください。小さなスニペットのほうがテストしやすく、移動もしやすく、レイアウトの他の部分が変わっても壊れにくくなります。
テーマコンテンツの構成の概要については、セクションとブロックに関するShopifyドキュメントをご覧ください。
標準ブロック設定
Section titled “標準ブロック設定”表示コントロールを使用して、ブロックをすべてのデバイスに表示するか、デスクトップのみに表示するか、モバイルのみに表示するかを選択します。これは、カスタム出力を小さい画面では別の配置にしたい場合や、同じ内容をモバイル版とデスクトップ版で分けたい場合に特に便利です。
デバイス別のバージョンを作成する場合は、内容をそろえて、お客様が画面サイズごとに矛盾した情報を目にしないようにしてください。これらのコントロールの共有動作については、表示設定をご覧ください。
使用上の注意
Section titled “使用上の注意”- スニペットは用途を絞ってください。 1つのブロックは1つの作業に使います。たとえば、1つのアプリのスニペット、1つのメタフィールド出力、1つのカスタムメッセージなどです。
- 適切なテンプレートでテストしてください。 Custom Liquid は、特定のページタイプで利用できるデータに依存することが多いため、実際に表示される場所で必ずプレビューしてください。
- レスポンシブレイアウトを考慮してください。 カスタム出力を特定のデバイスサイズで移動、簡略化、または非表示にする必要がある場合は、表示設定を使用してください。
- 空の状態を確認してください。 何も表示されない場合、そのコードは該当する商品、コレクション、ブログ記事、またはページに存在しないデータに依存している可能性があります。
- レイアウトの乱れを避けてください。 短く的を絞ったコードブロックのほうが管理しやすく、周囲のコンテンツで余白や配置の問題を起こしにくくなります。