固定バナーのスタイルシートについて

Question

お世話になります。

PC右端に表示させる「固定バナー」の７つのリンク付き画像を付けたシートを作成したのですが、上から４つのみしか表示されず困っております。

知識が無い中、元のシートの項目数を継ぎ足しをしただけなのでどこが誤っているのかがわからない状態です。
（今回はバナーを飛び出させる事は考えていません。）

GOLDに入れる予定のシートは以下になります。		

								
/* 固定バナースタイルシート */								
html, body{								
height: 100%;								
margin: 0;								
padding: 0;								
}								
.fix_gb{								
width: 80px;								
height: 180px;								
position: fixed !important;								
position: absolute;								
right: 0;								
								
 -webkit-transition: width ease-in-out 0.3s;								
 -moz-transition: width ease-in-out 0.3s;								
 -ms-transition: width ease-in-out 0.3s;								
 -o-transition: width ease-in-out 0.3s;								
 transition: width ease-in-out 0.3s;								
}								
.fix_gb a{								
display: block;								
width: 100%;								
height: 100%;								
}								
.fix_gb:hover {								
width: 80px;								
}								
	
#fix01{								
background: url(" ") 0 0 no-repeat;								
top: 20px;								
}							
#fix02{								
background: url(" ") 0 0 no-repeat;								
top: 85px;								
}
#fix03{								
background: url(" ") 0 0 no-repeat;								
top: 175px;								
}
#fix04{								
background: url(" ") 0 0 no-repeat;								
top: 240px;								
}
#fix05{								
background: url(" ") 0 0 no-repeat;								
top: 305px;								
}
#fix06{								
background: url(" ") 0 0 no-repeat;								
top: 370px;								
}
#fix07{								
background: url(" ") 0 0 no-repeat;								
top: 500px;								
}													
							
}														
			

~~~~~~~~~~~~~~~~~~~~~~~~~	

ヘッダーに入れるタグは以下を予定しています。

Answer

ECマスターズの田中です。

最初に、GOLDに入っている外部スタイルシートファイル（kotei150915.CSS）の
書き方についてですが、
外部スタイルシートファイルの中では、
、各タグを記載する必要はありません。
また、最後に余分な } が１つ多く入っておりますので、

いただいた記述の先頭にある
	
と、最後の
	
}	
	
は、削除をお願いいたします。

ですが、いただいた記述でも問題なく動作すると思いますので、
上から４つ以外が表示されなかった理由を突き止めるには、
実際に適用された状態を確認する必要があります。

１商品だけでも結構ですので、
いただいたソースが実際に適用された商品ページを
ご用意いただけますでしょうか。
（外部スタイルシートファイルは、対象のHTMLタグがなければ影響はありませんので、
　実際に使用中のファイルに上書きしていただいても結構です）

Answer

ありがとうございます。
この様なお時間に恐縮です。。

>>
いただいた記述の先頭にある
 
と、最後の
 
 } 
  
は、削除をお願いいたします。
>>

こちら現在使用のシートで削除しました。ご指摘の通り削除後も全く問題ありませんでした。ありがとうございます。

今回問題の７つのリンクがあるシートですが、すみません１商品ページのみに反映をさせる方法を教えて戴けますでしょうか？
（今はヘッダーに入れて全ページに反映させているので、それ以外の方法がわかりません。）

何度もすみません。

Answer

ECマスターズの田中です。

１商品ページにのみ反映させる際は、
ヘッダー・フッター・レフトナビをコピーし、
反映用のヘッダー・フッター・レフトナビをご用意いただいた上で、
目的の商品だけに適用させる、という流れになります。

具体的な方法ですが、
最初に、「ヘッダー・フッター・レフトナビのテンプレート設定」画面にて、
自動選択されているヘッダー・フッター・レフトナビの右にある「コピー」をクリックし、
テンプレート名を変更して保存してください。

次に、反映させる商品の「商品個別更新　変更」画面へ移動し、
ページ下にある「レイアウトのテンプレートを設定する」という文字のリンクより、
「ヘッダー・フッター・レフトナビ」を、先ほど保存したものに変更すれば、
その商品にだけ、変更したヘッダー・フッター・レフトナビが適用されます。

Answer

ありがとうございます。

ご指南戴きました様に、こちらの商品ページにのみ反映させることができました。

（今後他の場面でもこの方法を活用してきたいと思います。ありがとうございます。）

URLは以下になります。

http://item.rakuten.co.jp/abe-kutu/1-6403/

何度も申し訳ございません。

Answer

ECマスターズの田中です。

ご対応いただきありがとうございます。
いただいた商品ページを拝見させていただいたところ、



より下の部分に、
fix05、fix06、fix07 がIDに設定されたタグの記述がありませんでした。
ご確認の上、必要であれば追記をお願いいたします。

Answer

自らの簡単な誤りに気が付かず、お時間を戴いてしまいすみませんでした。

無事に表示されました。この過程を今後に生かしてまいります。

ありがとうございました。

Answer

ECマスターズの田中です。

当質問にていただいたような、
画面に固定されるバナーを簡単に設置できる
「バナー設置君」を作成いたしましたので、
全体公開前に、当質問への返信として、
先行してお知らせさせていただきます。

HTMLやスタイルシートを書くことなく、
完成したHTMLをヘッダー・フッター・レフトナビに貼り付けるだけで
固定バナーを簡単に設置することができます。

オプションを詳しく設定することで、
マウスを乗せると動いたり、半透明になったり、
IDを変えることで複数設置することも可能です。

もし、新しいバナーに入れ替える機会などありましたら、
ぜひ、下記URLより「バナー設置君」をお試しいただき、
わかりづらい点やご希望などございましたら
お知らせいただければと思います。
https://ec-masters.club/fwd3/fixedbannerkun