PCページで縦帯スライドタイプのテンプレートの設置方法(中級者向け)
おすすめショーケースの「縦帯スライド(TO-IM01)」などのPC画面の右端に固定して
縦に流れるテンプレートの設置方法のご案内になります。
◆設置方法◆
1)出力されたHTMLソースの
<iframe の後ろに半角スペースを空けて
id="ectateobi"を追加し、後ろにも半角スペースを入れます。
<iframe id="ectateobi" src="https://~略
2)以下のCSSと(<style>~</style>)
出力されたHTMLソースをレフトナビ(又はヘッダーやフッター)など好きな箇所に設置します。
<style>
#ectateobi{
position:fixed;
width:100px;
height:100%;
left:0px;
top:0px;
}
</style>
[補足]
*leftをrightにすると右寄せになります。
*0pxの数値を変えると端から離れた位置を指定できます。
*widthはテンプレートの横幅で必要に応じて調整ください。
こちらのCSSに関してはECステーションツール外にはなりますが
テンプレートの設置に於きまして不明点がありました際やサポートが必要な場合はご連絡願います。