カスタムアセット
このブロックを使用して、ブロックが追加されたテンプレートにカスタムスタイルシート、JavaScriptファイル、またはサードパーティの統合を読み込みます。これは、ストア全体ではなく、選択した領域でのみ実行すべき、上級者向けのページ固有コードに最適です。テーマ内でブロックが配置される場所については、セクションとブロックに関するShopifyドキュメントを参照してください。
コードフィールドには、完全なアセットタグを指定する必要があります。たとえば、完全な script タグや stylesheet link タグです。簡単な参考として、ソース提供のカスタムアセットを参照してください。
完全なアセットタグを、そのまま読み込まれる形で貼り付けます。このブロックは完全なインクルードを対象としており、部分的なスニペットではないため、タグが不完全だったり属性が不足していたりすると、アセットが正しく機能しない場合があります。
外部サービスを追加する場合は、提供元が推奨する埋め込みタグまたはアセットタグを使用し、ブロックが表示されるテンプレートで結果をテストしてください。テーマエディターでブロックを調整する場合は、セクションのカスタマイズに関するShopifyドキュメントが、そこでブロックの内容がどのように管理されるかを理解するのに役立ちます。これは、コードがページ固有のコンテンツ、顧客とのやり取り、または既存のスタイルに依存する場合に特に重要です。
信頼でき、理解しているコードのみを追加してください。競合するスクリプトやスタイルシートは、このブロックが使用されるテンプレートのレイアウト、インタラクション、トラッキング、またはパフォーマンスに影響を及ぼす可能性があります。
標準ブロック設定
Section titled “標準ブロック設定”エディター設定
Section titled “エディター設定”これらの設定は、テーマエディターでのブロックのラベル表示方法にのみ影響します。必要に応じてブロック名を変更し、特に同じテンプレートで複数のアセットを使う場合は、各カスタムアセットの内容をすばやく識別できるようにしてください。
使用上の注意
Section titled “使用上の注意”- 配置は意図的に行ってください。 必要なアセットがあるテンプレートにのみブロックを追加し、不要なコードが他の場所で読み込まれないようにします。
- 完全なタグを使用してください。 アセットを正しく読み込めるよう、部分的なコードではなく、完全な script または stylesheet のインクルードを貼り付けてください。
- ブロック名をわかりやすくしてください。 エディターのタイトルをサービスや目的に合わせて更新すると、今後の編集がずっと簡単になります。
- 実際のレイアウトでテストしてください。 アセットを追加した後は、デスクトップとモバイルの両方で表示を確認してください。カスタムコードは、ビューポートによって余白、配置、表示、メディアの動作に異なる影響を与えることがあります。
- コンテキスト依存の動作に注意してください。 アセットが商品やカートのやり取りを変更する場合は、さまざまなバリエーション、数量、在庫状況、購入操作で確認し、結果がページのコンテキストと一致することを確かめてください。
- 重複読み込みを避けてください。 提供元が特に要求していない限り、同じ外部アセットを1つのテンプレートに複数回含めないでください。