Expanse ブログ記事内に関連商品を載せたい

日本語 ディスカッション 技術的なQ＆A
,
1

初めまして。

現在、Expanseというテーマを元に制作を進めています。

そこで表題の質問なのですが、Expanseのブログ記事内にメタフィールドなどを用いて関連商品を掲載するにはどうすればいいのでしょうか(＞＜)

ご教示いただけますと幸いです。

2

質問拝見ました。

以下やり方が一般的かと思います。

1. メタフィールドを作成- 管理画面 →「設定」→「カスタムデータ」→「ブログ記事」

  • 「定義を追加」
    • 名前：関連商品
    • キー：custom.related_products
    • タイプ：商品
    • 保存

2. 各ブログ記事に商品を設定- 管理画面 →「コンテンツ」→「ブログ記事」

  • 作成したメタフィールド欄に関連商品を追加 → 保存

3. コードを追加（表示したい位置に）

ファイル例：sections/article-template.liquid などにブログ記事のファイルに以下を追加

{% if article.metafields.custom.related_products != blank %}
  
    ## 関連商品
    
      {% for product in article.metafields.custom.related_products %}
        

          {% render 'product-card', product: product %}
        

      {% endfor %}
    

  

{% endif %}

こちらあくまでも一例になりますので、ご使用になっているテーマやストアに合わせて実装していただければと思います。

ご参考にしていただけますと幸いです。

なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。

株式会社フルバランス