shopify開発環境での画像の表示について

[mossan2]

shopify cliを用いてdawnテーマをカスタマイズをはじめました。

ところが、開発環境のプレビューを見ると、

トップページに画像が表示されていません。

※プレビュー画面、エディター画面、両方とも画像が表示されません。

※なお、画像は以下のようなコードを書いて表示させようとしています。

{% for product in collections['hoge'].products %}
  <img src="{{ product.featured_image.src | image_url:'master' }}" alt="">
  {{ product.title }}
{% endfor %}

product.title の方は問題なく表示されますが、

featured_imageの方は、表示されません。なお、featured_imageから出力されるファイル名は「files/hoge.jpg」となります。

試しにトップページから商品ページに飛ぶと、商品ページの画像は表示されています。

クロームの検証ツールなどを見ると、そちらは、cdnからの画像が表示されていました。

開発環境から、ショップで登録した商品の商品画像（featured_image）などにアクセスすることできないのでしょうか？

初歩的な質問で大変恐縮ですが、

いろいろと検索をしたものの、なかなか手がかりが見つけられず、わかる方がいらしたらお教え頂けますと幸いです。

[mossan2]

すみません、

タグが間違えてました。

<img src="{{ product.featured_image.src | image_url:'master' }}" alt="">

↓

<img src="{{ product.featured_image.src | img_url:'master' }}" alt="">

これで無事解決しました

[YUMI2023]

プレビューや管理画面で画像が表示されないは確認できてませんが。

ショップのドメインにアクセスしてトップページで画像が表示されないはよくあることです。

再読み込みすると表示されます。

お客様に画像が表示されてないショップを見せてると思うと悲しいです。

shopifyの根本的な問題かもしれません。

参考になれば幸いです。

[mossan2]

ありがとうございます。参考になります。