※モバイル機器のみ作動→PC表示に切替 モバイル表示に切替

【Volar】に搭載されてるオリジナル機能に関してはデザインモードではなくデフォルトの編集画面でのご利用を前提としてます。

特に記載がない限り、ご紹介する機能は【Volar】及び【Volarデザイン】に共通搭載となります。

カウントダウンタイマー

キャプチャ画像

商品の購入期限や限定販売期間などを目立つように表示させて訪問客の購買欲を掻き立てる手法の一つにカウントダウンタイマーというのがあります。

 

SIRIUSテンプレート【Volar】では独自のカウントダウンタイマーが設置できます。


SIRIUS標準のカウントダウンタイマー

たまに見かけませんか?

”終了まであと○日○時間○分○秒”

といったような表示を。

 

この機能はSIRIUSにも標準で搭載されてます。

 

それがこちら↓。

(※”右クリック→パーツ挿入→カウントダウンタイマー”から作成できます)

 

こちら↓は実際に稼働させてるカウントダウンタイマーになります。

 

ただですね、表示がちょっと物足りないなぁと思うのは私だけでしょうか。

 

しかもスマホで見た場合はかなり小っちゃくなっちゃうんですよ。

 

それに今回のように長めのテキストを入れてしまうと、(改行がきかないので)スマホ上では全部が見えなくなる現象も起きてきます。

 

iPhone表示時のキャプチャ画像

キャプチャ画像

実際には”激安商品販売終了まであと○○日○時間○分○秒。お早めに!”と指定してあります。

 

PC上ではギリギリ全部が見えます。

 

さらにタブレットで見てる人は時間の途中で切れちゃうので、もはや動いているかどうかさえわからない…。

 

iPad表示時のキャプチャ画像

キャプチャ画像

 

そこで【Volar】では自動縮小機能を備えた、もうちょい目を引くカウントダウンタイマーを実装させてみました。

文字入りカウントダウンタイマー

イメージの違いでいくつかご用意しました。

グラデーション背景色以外の単一背景色・フォント色・フォントサイズ・テキストの変更は可能です。

 

テキストと日時を指定するだけのカンタン設定です。

 

※シアングラデーションバック

キャプチャ画像

※黒バック

キャプチャ画像

※赤グラデーションバック

キャプチャ画像

SIRIUSテンプレート【Volar】

キャプチャ画像

SIRIUS ver.1.5で大幅刷新された新テンプレートを元に、独自のカスタマイズを加えた改良型SIRIUSテンプレートが【Volar】です。

入手方法についてはコチラ↓をご覧ください。
 この記事をシェア 
キャプチャ画像