Wiele sklepów internetowych mają licznik, który pokazuje czas pozostały do końca promocji lub dyskonta. W tym krótkim tutorialu chcielibyśmy pokazać, jak wdrożyć taki licznik na stronie Magento. Jest to bardzo proste, i na pewno nie będzieś mial żadnych trudności z tym licznikiem.
Oto jak wygląda ten licznik.
W sieci można znaleźć kilka skryptów JS, ale wybraliśmy FlipClickJS. Ten skrypt dobrze wygląda, jest lekki i bardzo elastyczny.
Aby wdrożyć licznik trzeba wykonać trzy proste kroki:
Dowiedz się termin promocji. Odejmij czas obecny:
$counter_time = strtotime(czas_deadline) - strtotime("teraz");
Dodaj div licznika:
<div id="special_countdown"></div>
Zainicjalizuj skrypt:
1 2 3 4 |
var clock = jQuery('#special_countdown').FlipClock(<php echo $counter_time; ?>, {
clockFace: 'DailyCounter',
countdown: true
});
|
Jeśli chcesz nastroić ten skrypt, znajdziesz wszystkie niezbędne informacje na oficjalnej stronie internetowej.
Jako bonus tutaj możesz pobrać plik z mniejszą ilością stylów w których można zmienić rozmiar liczników.
Oto archiwum z w pełni funkcjonalny modułem Magento.
Ten artykuł został przetłumaczony z angielskiego. Oryginał można znaleźć tutaj: How to Create Special Price Counter in Magento Store