小さな会社のためのECサイトプロデュース|ブレイントラスト
  • Yahoo!コマースパートナーBest Store Awards 2020特別賞
  • Yahoo!コマースパートナー認定

楽天やyahooなどでセールが終わる時間丁度に、イベントバナーを非表示にしたり、別のバナーに切り替えたりしたいのですがどのようにすればいいでしょうか?

yahooではトリプルが必要になりますが、下記Javascriptを使う事で時間を指定してバナーを非表示にしたり、別のものに切り替えることが出来ます。

<script type=”text/javascript”>

var now = new Date();
var start = new Date(‘2018/7/8 0:00:00’); // 表示開始日時(時間は24h表記)
var end = new Date(‘2018/7/10 23:59:59’); // 表示終了日時(時間は24h表記)

if ( start < now && now < end ){
document.getElementById(“EventCont”).style.display=”block”;
document.getElementById(“Normal”).style.display=”none”;
}else{
document.getElementById(“EventCont”).style.display=”none”;
document.getElementById(“Normal”).style.display=”block”;
}
</script>

<div id=”EventCont”>
<!– ここに指定期間中に表示させたい内容を書き込む — >
</div>
<div id=”Normal”>
<!– ここに指定期間外に表示させたい内容を書き込む — >
</div>

非表示にするだけの場合は、idがNormalの部分を省いて利用してください。