Predstavitve pripomočkov

Komponente uporabniškega vmesnika

Trženje

Prikaz vsebine

Navigacija

Obvestila

Vizualni učinki

Interaktiven

Postavitev

Interaktiven

Pripomoček za odštevanje

Odštevalnik časa JavaScript do ciljnega datuma/ure. Podpira več postavitev (privzeto, kompaktno, kartica, minimalno), oznake po meri, upravljanje časovnih pasov in povratne klice za dokončanje.

Privzeta postavitev

Standardno odštevanje z vsemi časovnimi enotami.

Koda

<?php echo CountdownWidget::widget([
    'targetDate' => '2025-12-31 23:59:59',
    'title' => 'Event Starts In',
]); ?>

Demo v živo

Postavitev kartice

Odštevanje v slogu kartice Bootstrap.

Koda

<?php echo CountdownWidget::widget([
    'targetDate' => $saleEndDate,
    'layout' => 'card',
    'title' => 'Sale Ends In',
]); ?>

Demo v živo

Kompakten format

Vgrajeno kompaktno odštevanje (00:00:00:00).

Koda

<?php echo CountdownWidget::widget([
    'targetDate' => $deadline,
    'layout' => 'compact',
]); ?>

Demo v živo

Minimalna postavitev

Najmanjši format v vrstici (00d 00h 00m 00s).

Koda

<?php echo CountdownWidget::widget([
    'targetDate' => $eventDate,
    'layout' => 'minimal',
]); ?>

Demo v živo

Brez sekund

Odštevanje prikazuje samo dneve, ure in minute.

Koda

<?php echo CountdownWidget::widget([
    'targetDate' => $launchDate,
    'showSeconds' => false,
]); ?>

Demo v živo

S potečenim sporočilom

Prikaže sporočilo po meri, ko odštevanje doseže nič.

Koda

<?php echo CountdownWidget::widget([
    'targetDate' => $deadline,
    'expiredMessage' => 'Event has started!',
]); ?>

Demo v živo

Možnosti konfiguracije

Možnost	Vrsta	Privzeto	Opis
`targetDate`	string\|DateTime	`required`	Ciljni datum/ura
`timezone`	string	`app timezone`	Časovni pas za ciljni datum
`layout`	string	`default`	Postavitev: privzeta, kompaktna, kartica, minimalna
`title`	string	`null`	Naslov nad odštevanjem
`showLabels`	bool	`true`	Prikaži oznake (dnevi, ure itd.)
`showDays`	bool	`true`	Prikaži števec dni
`showHours`	bool	`true`	Pokaži števec ur
`showMinutes`	bool	`true`	Prikaži števec minut
`showSeconds`	bool	`true`	Prikaži števec sekund
`expiredMessage`	string	`null`	Sporočilo, ko odštevanje poteče
`hideOnExpired`	bool	`false`	Skrij gradnik, ko poteče

Share Buttons Widget

Predstavitve pripomočkov

Pripomoček za odštevanje

Privzeta postavitev

Koda

Demo v živo

Dogodek se začne čez

Postavitev kartice

Koda

Demo v živo

Razprodaja se konča čez

Kompakten format

Koda

Demo v živo

Minimalna postavitev

Koda

Demo v živo

Brez sekund

Koda

Demo v živo

Datum lansiranja

S potečenim sporočilom

Koda

Demo v živo

Registracija se zaključi

Možnosti konfiguracije