ページ

2015年8月6日木曜日

ショップサーブでトップページにだけスライダー表示

ショップサーブの機能で作るのは、ウェブ制作者には結構面倒なことが多かったりするけれど、お客さんが手元で更新できるようにするためにも、
なんとかショップサーブの機能内で諸々完結させたい。

で、カスタムテンプレート使用。
トップページだけ"全幅"のスライダーを設置したいが。はて。

と思ってたところ救世主の担当者。こっそり?教えてもらいました。

1)HTMLカスタマイズのヘッダーメニューの編集か何かに記述
<div id="slider">ここにスライダーのソース記述</div>

 

2)トップページにのみ表示されるところ(センター用フリーエリアなど)にこれ。
#slider { display: block;}

 
3)CSSのカスタマイズにはこちらを設定しておく。 
#slider { display: none;} 

※.sliderは任意名称

 
たったこれだけのことでした。
トップページのみに表示される場所を把握すれば、なるほど簡単。