Shopifyテーマで、assets/css/style.css のように assets 配下にサブディレクトリを作って CSS / JS を配置し、asset_url で読み込めるかが質問された。提示された例では読み込めず、assets 直下にまとめて置く必要があるのかが論点だった。
確認された情報では、過去のShopify Community投稿で「利用しているCDN（配信基盤）の制約」により assets 配下のサブディレクトリは扱えないとされている。2020年時点の関連投稿にも明確な変更案内はなく、現状も同じ制限が続いている可能性が高いという整理になった。
結論として、少なくともこの議論内では assets 内を階層化して運用するのは難しく、画像・CSS・JS などを assets 直下に置く運用が一般的と受け止められている。Shopify側の公式な最新回答は示されておらず、厳密には未確認部分を残しつつも、質問者はこの理解で納得している。
Shopify のテーマを作成していて、css や js を読み込みたいのですが、assets/css/style.css のように assets ディレクトリ内にディレクトリを作成しファイルを配置して、以下のような URL filter を書いてみたのですが読み込めません。
{{ ‘css/style.css’ | asset_url | img_tag }}
いくつかのテーマを見た限りでは assets ディレクトリ内にディレクトリを作っているものはなかったので、 assets ディレクトリ内に画像,css,jsなどをすべてまとめて置いて読み込むのが一般的な方法でしょうか。
お手数ですがご返信いただけると助かります。
私も気になって先日この件調べましたが、その際に見つけられたのは以下の情報でした。
・2013年の書き込み
https://community.shopify.com/c/Shopify-Design/Subdirectories-under-quot-assets-quot/m-p/130800
That limitation comes from the CDN that we use.
2020年には以下の書き込みがあります。
・2020年の書き込み
https://community.shopify.com/c/Technical-Q-A/Subdirectories-under-assets/td-p/632150
2020年の方には何ヶ月経ってもShopify側からの返答がついていないようなので、2013年の時点と変更はないのではと思います。
つまり、現在でもディレクトリを作る構成にはできない、と言えそうです。
やや不正確な情報しかなくすみません。
ご返信いただきありがとうございます！ご返信遅くなりました。
やはりそうだったんですね。他のテーマもそのようなディレクトリ構造になっていたのでそうだろうと思ってましたが色々調べていただきありがとうございました。