楽天　外部CSSで一瞬崩れるのを防止したい　ヘッダー・フッター・レフトナビのテンプレート

Question

お世話になります、
当店は楽天のヘッダー・フッター・レフトナビのテンプレートに、
外部CSS（GOLDでアップしたもの）を読み込ませてレイアウトしています、

そうすると商品ページを開いた時に、一瞬だけレイアウト崩れをしてしまうんですが、
これを防止する策はありますか？

jsで防止できるとネットにありましたが、
ヘッダー・フッター・レフトナビの場合、
自由にjsを書いて自信がなかったので、こちらでお聞きさせていただきます。

jsにも疎いので、もし可能であればコピペで可能な防止策を教えていただけたら幸いです。

Answer

ECマスターズの伊藤です。

> 当店は楽天のヘッダー・フッター・レフトナビのテンプレートに、
> 外部CSS（GOLDでアップしたもの）を読み込ませてレイアウトしています、
> 
> そうすると商品ページを開いた時に、一瞬だけレイアウト崩れをしてしまうんですが、
> これを防止する策はありますか？
> 
> jsで防止できるとネットにありましたが、
> ヘッダー・フッター・レフトナビの場合、
> 自由にjsを書いて自信がなかったので、こちらでお聞きさせていただきます。

残念ながら、商品ページにはJavaScriptの記載ができないため、
JSをご利用頂く方法は、ご利用いただけません。

商品ページを拝見したところ、
CSSの記述がフッターにされていましたが、

HTMLは、上から読み込んで表示する特性がございますので、
上部（ヘッダー）に記載いただくことで、
多少、解消されるかと思いますので、お試しくださいませ。

Answer

お返事ありがとうございます、

ヘッダーに書いてみたり、
外部ではなくヘッダーフッダーレフトナビに直接CSSを書くなど試してみます。
ありがとうございました。

楽天 外部CSSで一瞬崩れるのを防止したい ヘッダー・フッター・レフトナビのテンプレート

楽天　外部CSSで一瞬崩れるのを防止したい　ヘッダー・フッター・レフトナビのテンプレート