株式会社Q (キュー)
田辺様
ご丁寧にお返事いただき、誠にありがとうございます。
もしかしたら{% stylesheet %}内に余計なコードが入ってしまっているのかもしれません。
{% stylesheet %}内にコードの記述が残っているかは分かりませんが、今後は一貫してアセットフォルダ内にcssファイルを作成して作業を進めると、今回のようなエラーが起こらないのではないかと推測しております。
この度は原因のソースとなる記事も添えて、ご回答をいただき感謝いたします。
Topic summary
問題の概要:
Shopifyの管理画面からテーマを複製すると、CSSが崩れた状態（一部が反映されない状態）で複製される現象が発生。原因が不明で解決方法を求めている。
提案された解決策:
{% stylesheet %}タグを使用している場合、タグ内のCSS変更が反映されないキャッシュ関連の問題が存在する可能性がある。
対処方法:
{% stylesheet %}タグの外側（{% javascript %}タグなど関連しないLiquidコード部分）に改行を1つ追加するなど、何らかの変更を加えて保存する- これにより外部CSSファイルが再コンパイルされ、変更が反映される場合がある
- 海外のShopifyコミュニティでも同様の現象が報告されている
今後の対応:
質問者は、{% stylesheet %}内に余計なコードが入っている可能性を考慮し、今後はassetsフォルダ内に直接CSSファイルを作成する方法で作業を進める予定。
1 Like