Plugin Azuriom pour afficher des compteurs à rebours sur votre site (événements, wipes, resets…).
Activez le plugin depuis le panneau d'administration. Les migrations s'exécutent automatiquement.
Créez et gérez vos compteurs via Admin > Countdown. Chaque compteur possède un nom, une description optionnelle, une date de fin et un statut actif/inactif.
La page publique listant tous les compteurs actifs est accessible via la route countdown.index et peut être ajoutée à la navigation depuis les paramètres du site.
Affiche un compteur sous forme de carte Bootstrap.
{{-- Premier compteur créé (actif) --}}
<x-countdown::widget />
{{-- Dernier compteur ajouté (actif) --}}
<x-countdown::widget :latest="true" />
{{-- Compteur spécifique par ID --}}
<x-countdown::widget :id="1" />Affiche un bandeau horizontal pleine largeur, à placer par exemple juste après <header>.
<x-countdown::banner />
<x-countdown::banner :latest="true" />
<x-countdown::banner :id="1" />
{{-- Masquer le titre du compteur --}}
<x-countdown::banner :show-title="false" />Utilisable directement dans n'importe quelle vue de thème.
{{-- Premier compteur créé (actif) --}}
@countdown
{{-- Dernier compteur ajouté (actif) --}}
@countdown('latest')
{{-- Compteur spécifique par ID --}}
@countdown(1)Le script JS du timer est intégré automatiquement et protégé contre la double initialisation.
Accessible via Admin > Countdown > Paramètres.
| Paramètre | Description |
|---|---|
| Page publique | Active ou désactive /countdown (retourne 404 si désactivée) |
La prop class est disponible sur les composants widget et banner. Elle s'ajoute aux classes Bootstrap existantes sans les remplacer.
<x-countdown::widget class="border-0 shadow-lg" />
<x-countdown::banner class="bg-primary" />Pour un ciblage CSS plus fin, les classes suivantes sont disponibles :
| Classe | Rôle |
|---|---|
[data-countdown-widget] |
Conteneur racine (card ou banner) |
.countdown-display |
Bloc contenant les 4 unités |
.countdown-days |
Chiffre des jours |
.countdown-hours |
Chiffre des heures |
.countdown-minutes |
Chiffre des minutes |
.countdown-seconds |
Chiffre des secondes |