コレクションの商品表示について

AI-generated summary

コレクションに追加した商品・画像・価格が表示されない問題についての技術相談。Udemy教材を参考にShopifyテーマのLiquidコードを編集していたが、CSVで商品を登録してもフロントに反映されず、コード自体は教材通りに見えるという状況だった。

指摘された主な原因は、Liquidオブジェクトが正しく評価されず文字列として扱われている可能性。特に {{ product.url }} のような出力記法で、波括弧内の記述を見直すよう助言があり、Liquid(Shopifyのテンプレート言語)の基本的な書式確認用の公式参考情報も案内された。

その後、投稿者が {{ }} 部分をすべて書き直したところ正常に表示されるようになったと報告。原因はLiquidの出力記法の記述ミスで、商品データやCSVインポート自体ではなかった。問題は解決済み。

Udemy(Build a Shopify Theme from scratch)https://www.udemy.com/share/1023tcAEIddF9bRn0D/

の教材に沿ってliquidのコード編集をしています。

【質問内容】

コレクションに追加した商品・画像・価格が反映されません。

商品登録はインポートでcsvから引っ張ってきております。

コードは教材と照らし合わせて問題ないかと思っているのですが、どういう問題が考えられますでしょうか。

初歩的な質問で申し訳ございませんが、アドバイス頂けるとありがたいです。


{% schema %}
  {
    "name": "Homepage Products",
    "settings": [
      {
        "type": "text",
        "id": "title",
        "label": "Heading",
        "default": "Tranding Products"
      },
      {
        "type": "collection",
        "id": "collection",
        "label": "Collection"
      },
      {
        "type": "range",
        "id": "product_limit",
        "label": "Product Limit",
        "min": 3,
        "max": 9,
        "default": 6
      }
    ]
  }
{% endschema %}

セクションのプレビューをみると、LiquidのObjectが、そのままテキスト処理されているように見えるので、 {{ product.url }} のように、括弧と変数の間にスペースを入れてみても同じでしょうか?

参考

https://www.shopify.jp/blog/partner-shopify-template-language-liquid-overview

https://shopify.dev/docs/themes/liquid/reference

junichiokamura様

ご連絡ありがとうございます。

早速、ご指摘いただいた所、修正いたしました。

{{ }}のところがうまく読み込めておらず、全て{{ }}を書き直したら直りました。

お忙しいところ、初歩的なミスにアドバイスいただきありがとうございました。