Boutique
Pages, navigation et interface
Dernière mise à jour : 5 September 2026
Pages #
Les routes publiques suivantes sont disponibles sur toute boutique STOAR.
| Route | Description |
|---|---|
/ |
Page d'accueil — comprend une section hero, les catégories mises en avant, les produits mis en avant et le contenu promotionnel |
/about |
Page « À propos » — informations sur la boutique et histoire de la marque |
/contact |
Page de contact — formulaire de contact et coordonnées de la boutique |
/support |
Centre d'assistance — soumettre un nouveau ticket ou consulter les tickets existants |
/support/tickets/{token} |
Vue d'un ticket d'assistance — accessible via le jeton unique inclus dans les e-mails de confirmation de ticket, sans compte requis |
/faq |
Foire aux questions |
/shipping |
Politique d'expédition et informations de livraison |
/returns |
Politique de retour et de remboursement |
/legal/privacy |
Politique de confidentialité |
/legal/terms |
Conditions générales |
Composants d'interface globaux #
En-tête de navigation fixe
L'en-tête de navigation principal reste fixé en haut de la fenêtre lorsque les visiteurs font défiler la page. Il contient le logo de la boutique (lien vers la page d'accueil), les liens de navigation par catégorie, un bouton de recherche qui ouvre la barre de recherche en ligne, un badge de panier indiquant le nombre d'articles en cours, un badge de liste de souhaits et un lien vers le compte. Sur les écrans plus petits, les liens de catégorie se replient dans le tiroir de navigation mobile.
Tiroir mini-panier
Un clic sur le badge du panier ouvre un tiroir coulissant depuis le côté droit de l'écran, sans quitter la page en cours. Le tiroir liste tous les articles actuellement dans le panier avec leur image, leur nom et les options de variante sélectionnées. La quantité peut être augmentée ou diminuée à l'aide des boutons + et − directement dans le tiroir. Le sous-total se met à jour immédiatement à chaque changement de quantité. Un bouton de paiement en bas du tiroir conduit directement au tunnel de commande.
Bandeau de notification
Une bannière fine affichée au-dessus de l'en-tête principal. Le contenu et la visibilité de ce bandeau sont pilotés depuis le panneau d'administration. Il sert couramment aux promotions limitées dans le temps, aux offres de livraison ou aux annonces valables sur tout le site.
Bannière globale
Une bannière pleine largeur qui accepte du HTML brut, offrant aux exploitants de la boutique un contrôle total sur la mise en page et le style. Utilise-la pour des annonces riches à l'échelle du site : opérations de soldes, lancements de nouvelles collections ou fenêtres de maintenance.
Tiroir de navigation mobile
Sur les fenêtres mobiles et tablettes, la navigation par catégorie est remplacée par un menu coulissant plein écran. Le tiroir donne accès à tous les liens de catégorie, au lien vers le compte et aux liens utilitaires comme la liste de souhaits et l'assistance. Il s'ouvre et se ferme via l'icône hamburger de l'en-tête fixe.
Barre de messages flash fixe
Une barre de message que l'on peut fermer, affichée en haut de l'écran pour fournir un retour immédiat après une action de l'utilisateur. Elle propose quatre variantes : succès (vert), erreur (rouge), avertissement (ambre) et information (bleu). Les messages flash disparaissent automatiquement après un court délai, mais peuvent aussi être fermés manuellement.
Pied de page
Le pied de page est présent sur chaque page et contient :
- Inscription à la newsletter — un champ e-mail qui ajoute les abonnés à la liste de diffusion.
- Coordonnées — adresse, téléphone et e-mail de la boutique.
- Liens sociaux — icônes renvoyant vers les profils de la boutique sur les réseaux sociaux.
- Navigation — liens regroupés vers les pages clés (politiques, assistance, compte, etc.).