カラーミーショップのテンプレート作成やカスタマイズの案件がたまに有ります。今回は作業中に、新規会員登録画面のCSSが反映されない、というトラブルが発生してしまいましたが、なんとか解決。
その解決方法をご案内致します。
目次
まずはCSSファイルを確認
まずは、「新規会員登録」の画面で、CSSがどのようになっているかを開いてみました。ソースコードを追うと という箇所が有りましたので、こちらを開いてみました。
すると、CSSの末尾に「マイアカウント・会員ログイン」で編集したCSSが記述されています。どうやら俗に言う「reset.css」の末尾に、CSSの編集画面から追記したCSSが記述される様です。
そのCSSを読んでいると、カラーミーショップでは、「マイアカウント・会員ログイン」画面と「新規会員登録」画面のCSSが共有されていることが解りました。
しかし、問題はここ。なんと「マイアカウント・会員ログイン」で編集したCSSが「新規会員登録」に反映しないでは無いですか！！
画像と同じでサーバー側のキャッシュが消えてないのではないか？
カラーミーショップは画像をサーバー側でキャッシュしています。結構しつこくキャッシュが残る仕様になっており、このイライラ感は楽天市場をおもだしました。楽天もキャッシュがしつこいのです。
もしCSSファイルをキャッシュしてしまっており、それが治ればこの現象も改善するのでは無いかと思い、半日ほど放置しました。
しかし、何も起こりません。
もしかしたら数日待てば治るんじゃないかと思いましたが、あまりにも時間がかかるのは不本意。絶対にキャッシュが悪さをしており、更にキャッシュを消す方法が何か無いかと思案し始めました。
簡単な解決方法を発見！！
いろいろと思案した挙句、テンプレートを別名でコピー保存しました。そして、新しく別名保存したテンプレートを「利用する」で適用させたところ、なんと「新規会員登録」の画面のCSSがやっとの事で反映されたではありませんか！！
長時間悶々としておりましたが、解決した時はとても気分が良いです。
もし、カラーミーショップの「新規会員登録」画面のCSSが効かないことでお困りの方がいらっしゃいましたら、一度他のテンプレートを当ててみて、元に戻してみてはいかがでしょうか？