Blocs d'application de thème
L'extension de thème Gibbond ajoute trois éléments à ta vitrine — un widget de panier, une bande pour le tiroir de panier et des annotations de prix adaptées au niveau. Aucun script injecté ; tout est un app block ou un app embed Online Store 2.0 que tu contrôles depuis l'éditeur de thème.
Ce que tu obtiens
| Bloc | Type | Où il apparaît |
|---|---|---|
| Widget de fidélité du panier | App block | Dans le modèle de page panier |
| Fidélité du tiroir de panier | App embed | Le tiroir de panier AJAX / mini-panier de ton thème |
| Annotations de prix fidélité | App embed | Chaque page — annote les prix pour les membres d'un niveau |
App block vs app embed. Un app block s'ajoute à une section/un modèle précis via Ajouter un bloc. Un app embed s'active globalement depuis le panneau Intégrations d'applications (l'icône en forme de pièce de puzzle en bas du panneau de gauche de l'éditeur de thème).
1 · Widget de fidélité du panier
Une carte de fidélité riche sur la page panier. Pour les membres connectés, elle affiche instantanément le solde et le badge de niveau, une estimation des « points que tu vas gagner » avec un détail par article, les codes de réduction existants à appliquer en un clic, et un menu déroulant de récompenses à échanger. Les clients non inscrits voient un bouton Rejoindre ; les visiteurs voient une invitation à se connecter.
Tes récompenses★ GoldComment l'ajouter
- Boutique en ligne → Thèmes → Personnaliser
Ouvre ton thème dans l'éditeur.
- Passe au modèle Panier
Utilise le sélecteur de modèle en haut pour ouvrir Panier.
- Ajouter un bloc → Applications
Dans la section panier, clique sur Ajouter un bloc et choisis Widget de fidélité du panier.
- Positionne & configure
Glisse-le où tu veux, ajuste les réglages ci-dessous, puis Enregistre.
Réglages
| Réglage | Type | Par défaut |
|---|---|---|
| Schéma de couleurs | sélection (1–4) | scheme-1 |
| Titre | texte | Your Rewards |
| Couleur d'accentuation | couleur | #4c6ef5 |
| Afficher l'estimation des points | case à cocher | on |
| Afficher les récompenses & l'échange | case à cocher | on |
| Afficher les codes de réduction existants | case à cocher | on |
| Texte de l'invitation à se connecter | texte | Sign in to view your loyalty rewards |
2 · Fidélité du tiroir de panier
Une bande compacte injectée dans le tiroir de panier coulissant de ton thème : solde + badge de niveau + « Gagne X points » + un lien Échanger pour les membres, un bouton Rejoindre pour les acheteurs non inscrits, et une accroche de connexion pour les visiteurs. Elle apparaît à l'ouverture du tiroir et disparaît à sa fermeture.
Comment l'ajouter
- Éditeur de thème → Intégrations d'applications
Clique sur l'icône en forme de pièce de puzzle en bas du panneau de gauche.
- Active « Fidélité du tiroir de panier »
Déplie-la pour régler les options, puis Enregistre.
Réglages
| Réglage | Type | Par défaut |
|---|---|---|
| Couleur d'accentuation | couleur | #4c6ef5 |
| Sélecteur CSS du tiroir de panier | texte | cart-drawer, .cart-drawer, #CartDrawer, … |
| Position du widget | sélection | Before checkout button |
Le widget ne s'affiche pas dans le tiroir ? Ton thème utilise un élément de tiroir non standard. Mets à jour le Sélecteur CSS du tiroir de panier pour qu'il corresponde au conteneur de tiroir de ton thème (les sélecteurs séparés par des virgules sont pris en charge).
3 · Annotations de prix fidélité
Pour les membres connectés dont le niveau donne droit à une réduction, cet app embed annote les prix dans toute la boutique — en barrant le prix d'origine et en affichant le prix du niveau sous forme de badge ou de texte en ligne. Il suit le comportement STACK vs BEST_PRICE de ton niveau et garde les prix à jour même quand les clients parcourent et filtrent.
Comment l'ajouter
- Éditeur de thème → Intégrations d'applications
Ouvre le panneau Intégrations d'applications.
- Active « Annotations de prix fidélité »
Règle la couleur du badge, le style d'affichage et (si besoin) le sélecteur de prix, puis Enregistre.
Réglages
| Réglage | Type | Par défaut |
|---|---|---|
| Couleur du badge | couleur | #8B5CF6 |
| Sélecteur CSS de prix (avancé) | texte | .price-item--regular, .price .money, … |
| Style d'affichage | sélection | Badge / Texte en ligne |
Les annotations ne s'affichent que pour les clients connectés appartenant à un niveau dont la réduction est supérieure à zéro. Les visiteurs et les clients du niveau de base ne voient rien.
Toutes les chaînes de la vitrine sont traduisibles et livrées avec de nombreuses langues prêtes à l'emploi (anglais, allemand, français, italien, espagnol, portugais, danois, finnois, norvégien, suédois, polonais). Le texte destiné aux clients se localise automatiquement selon la langue de la vitrine.