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

**URL:** <https://community.shopify.com/t/shopify/216433>\
**Category:** Shopify テーマ\
**Created:** [May 16, 2023, 7:25am UTC](https://community.shopify.com/t/shopify/216433 "2023-05-16T07:25:19Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

Shopify CLIでDawnテーマをカスタマイズ中、開発環境のプレビューで商品画像が表示されない問題が発生。

**状況:**
- プレビュー画面とエディター画面の両方で画像が表示されない
- `product.title`は正常に表示されるが、`product.featured_image`が表示されない
- 商品ページに遷移すると画像は表示される
- Chrome検証ツールで確認するとCDNからの画像は表示されている

**試した対応:**
- 最初はLiquidタグの記述ミス(`{% %}`)があったが、正しいタグ(`{{ }}`)に修正して解決

**補足情報:**
プレビューや管理画面での画像表示問題はShopifyでよくある現象で、再読み込みで解決することが多い。Shopify自体の根本的な問題ではなく、一時的な表示の問題である可能性が指摘されている。

<div class="post-metadata">

**Author:** ![mossan2](https://avatars.discourse-cdn.com/v4/letter/m/9d8465/32.png) [@mossan2](https://community.shopify.com/u/mossan2)\
**Post date:** [May 16, 2023, 7:25am UTC](https://community.shopify.com/t/shopify/216433/1 "2023-05-16T07:25:19Z")

</div>

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

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

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

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

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

```css
{% for product in collections['hoge'].products %}
  
  {{ product.title }}
{% endfor %}

```

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

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

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

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

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

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

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

---

<div class="post-metadata">

**Author:** ![mossan2](https://avatars.discourse-cdn.com/v4/letter/m/9d8465/32.png) [@mossan2](https://community.shopify.com/u/mossan2)\
**Post date:** [May 16, 2023, 7:55am UTC](https://community.shopify.com/t/shopify/216433/2 "2023-05-16T07:55:24Z")

</div>

すみません、

タグが間違えてました。

```markup

```

↓

```markup

```

これで無事解決しました

---

<div class="post-metadata">

**Author:** ![YUMI2023](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/yumi2023/32/86802_2.png) [@YUMI2023](https://community.shopify.com/u/YUMI2023)\
**Post date:** [May 23, 2023, 7:01am UTC](https://community.shopify.com/t/shopify/216433/3 "2023-05-23T07:01:55Z")

</div>

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

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

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

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

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

参考になれば幸いです。

---

<div class="post-metadata">

**Author:** ![mossan2](https://avatars.discourse-cdn.com/v4/letter/m/9d8465/32.png) [@mossan2](https://community.shopify.com/u/mossan2)\
**Post date:** [May 23, 2023, 9:01am UTC](https://community.shopify.com/t/shopify/216433/4 "2023-05-23T09:01:53Z")

</div>

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