colorme
カラーミーショップのテンプレート作成やカスタマイズの案件がたまに有ります。今回は作業中に、新規会員登録画面のCSSが反映されない、というトラブルが発生してしまいましたが、なんとか解決。

その解決方法をご案内致します。

まずはCSSファイルを確認

まずは、「新規会員登録」の画面で、CSSがどのようになっているかを開いてみました。ソースコードを追うと という箇所が有りましたので、こちらを開いてみました。

すると、CSSの末尾に「マイアカウント・会員ログイン」で編集したCSSが記述されています。どうやら俗に言う「reset.css」の末尾に、CSSの編集画面から追記したCSSが記述される様です。

そのCSSを読んでいると、カラーミーショップでは、「マイアカウント・会員ログイン」画面と「新規会員登録」画面のCSSが共有されていることが解りました。

しかし、問題はここ。なんと「マイアカウント・会員ログイン」で編集したCSSが「新規会員登録」に反映しないでは無いですか!!

画像と同じでサーバー側のキャッシュが消えてないのではないか?

カラーミーショップは画像をサーバー側でキャッシュしています。結構しつこくキャッシュが残る仕様になっており、このイライラ感は楽天市場をおもだしました。楽天もキャッシュがしつこいのです。

もしCSSファイルをキャッシュしてしまっており、それが治ればこの現象も改善するのでは無いかと思い、半日ほど放置しました。

しかし、何も起こりません。

もしかしたら数日待てば治るんじゃないかと思いましたが、あまりにも時間がかかるのは不本意。絶対にキャッシュが悪さをしており、更にキャッシュを消す方法が何か無いかと思案し始めました。

簡単な解決方法を発見!!

いろいろと思案した挙句、テンプレートを別名でコピー保存しました。そして、新しく別名保存したテンプレートを「利用する」で適用させたところ、なんと「新規会員登録」の画面のCSSがやっとの事で反映されたではありませんか!!

長時間悶々としておりましたが、解決した時はとても気分が良いです。

もし、カラーミーショップの「新規会員登録」画面のCSSが効かないことでお困りの方がいらっしゃいましたら、一度他のテンプレートを当ててみて、元に戻してみてはいかがでしょうか?