期間限定表示-volar2

期間限定表示-volar2

SIRIUS2テンプレート【Volar2】では指定した期間だけコンテンツを表示可能な機能を搭載してます。
 

アイキャッチ画像

【Volar2】では指定した期間だけコンテンツを表示できる機能を搭載してます。

目次

概要

この機能を使うと、たとえば◯月◯日~●月●日まで「期間限定で全品3割引き」といったようなバナー(画像)を自動表示させておき、期間が過ぎたら自動的に非表示にすることができます。

(もちろんテキストだけの表示/非表示も可)

 

つまり期間の始まり当日にコンテンツを表示させる作業や期間が過ぎたら非表示にするといった作業を自動化してくれるというものです。

操作方法

やり方は【Volar2】で用意している専用のモジュールを、表示したいページの[個別ページの設定]を開き【詳細設定】タブ内の「</body>タグ前に挿入する内容」に挿入します。

 

キャプチャ画像

 

次にバナー(画像)やテキストを表示したい箇所に下の(サンプル)コードを貼り付けます。

テキスト「code」画像

<div data1="2024/03/25" data2="2024/03/31"> (※表示させたい内容をここに記述) </div>

 

赤文字が期間開始日で緑文字が期間最終日になります。

そして青文字の部分にバナー画像やテキストを挿入します。

 

上のサンプルであれば3月25日~3月31日の間だけ青文字部分に記入したコンテンツが表示され、4月1日には非表示になります。

日付やコンテンツは編集画面上で変更できる仕様にしてます。