動的ソースを使用する

注目のリンク

1. メタフィールドと動的ソースに関するShopifyドキュメント
2. メタフィールドに関するShopifyドキュメント
3. メタオブジェクトに関するShopifyドキュメント
4. オンラインストアへのメタフィールドの表示に関するShopifyドキュメント
5. メタオブジェクトの接続と表示に関するShopifyドキュメント
6. カスタムデータに関するShopifyドキュメント
7. テーマコードの編集に関するShopifyドキュメント
8. Shopify Partner Directoryに関するShopifyドキュメント
9. 動的ソースに関するShopify開発者ドキュメント
10. Shopify管理画面のテーマ

役立つ動画

Shopify Academy動画：ストアをカスタマイズする

Shopify Academy動画：ストアをカスタマイズする

動的ソースを使用したメタフィールドとメタオブジェクト

メタフィールドとメタオブジェクトを使用すると、Shopifyストア全体に動的な情報を表示できます。Alignでは、このカスタムデータをテーマエディターの対応するセクションまたはブロック設定に接続できます。

テンプレートで接続する前に、メタフィールドまたはメタオブジェクトを作成してください。設定の詳細については、Shopifyのオンラインストアにメタフィールドを表示するおよびメタオブジェクトを接続して表示するに関するドキュメントを参照してください。

たとえば、キャンドル販売者は燃焼時間用の商品メタフィールドを作成し、商品テンプレートに燃焼時間ブロックを追加して、そのブロックをメタフィールドに接続できます。また、燃焼時間を一覧表示するページ用にコレクションメタフィールドを作成し、コレクションテンプレートのブロックをそのデータに接続することもできます。

注意

すべてのAlignセクションまたは設定が動的ソースに対応しているわけではありません。設定が必要なデータタイプに対応していない場合は、テーマコードを編集するか、Shopify Partnerに依頼する必要があります。

動的ソースは、商品、コレクション、ページ、ブログ、またはブログ記事のリソースを表示する、対応するテンプレート、セクション、ブロックで使用できます。メタフィールドとメタオブジェクトを動的ソースとして使用する方法について詳しくは、Shopifyの動的ソースに関するドキュメントを参照してください。

動的ソースを接続する

1. Shopifyの管理画面で、オンラインストア > テーマの順に移動します。
2. Alignを見つけて、カスタマイズを選択します。
3. ドロップダウンメニューを使用して、編集するセクションを含むテンプレートを選択します。
4. 既存のセクションを選択して設定を開くか、+ セクションを追加を選択します。
5. 該当する設定の動的ソースボタンを選択し、動的ソースを選択します。
6. 保存を選択します。

動的ソースセレクター

動的ソースセレクターを使用すると、Shopifyテーマエディターで適切なデータを直接検索して接続できます。主な機能は次のとおりです。

1. リソースの選択
   • ブロックが商品やページなど複数のリソースに接続されている場合、検索するリソースのメタフィールドを選択します。
   • このドロップダウンは、動的ソースセレクターの上部に表示されます。
2. 検索と絞り込み
   • 利用可能なメタフィールドを検索して絞り込み、必要なものをすばやく見つけます。
3. カテゴリーメタフィールド
   • 利用可能な場合は、カテゴリーメタフィールドを選択します。
   • これらの属性は、商品に商品カテゴリーを割り当てると使用できるようになります。
   • 動的ソースを、基になる属性メタオブジェクトの関連フィールドに接続できます。

使用上の注意

1. 最初にデータを作成します。 Alignテーマ設定に接続する前に、メタフィールドまたはメタオブジェクトを追加します。
2. 設定の対応状況を確認します。 動的ソースを使用できるのは、対応するセクションとブロック内の互換性のある設定のみです。
3. 適切なリソースを選択します。 複数のリソースを使用できる場合は、表示するメタフィールドを含むリソースを選択します。