Guide utilisateur — Fonctionnalités du système

Vérification du code source (2026-07-15) : tant que le widget de support reste fermé, aucune requête ne cherche des sessions anonymes à rattacher, et la connexion n'ouvre plus automatiquement une confirmation bloquante. Cette confirmation n'apparaît qu'après ouverture du support, accès à l'historique et demande explicite de rattachement ; l'API vérifie toujours l'ancienne identité visiteur et le compte courant.

Ce guide présente les fonctionnalités transversales de la plateforme Trelanto : changement de langue, changement de thème, navigation responsive sur mobile, consultation des pages d'activités et navigation générale du site.

---

Table des matières

1. Choix de la langue d'interface
2. Changement de thème (clair / sombre / système)
3. Navigation responsive sur mobile
4. Pages d'activités et promotions
5. Navigation et fil d'Ariane
6. Accès au panneau d'administration
7. Support en ligne et messages
8. Pied de page et pages d'information
9. FAQ

---

1. Choix de la langue d'interface

1.1 Langues disponibles

La plateforme Trelanto prend en charge trois langues d'interface :

1.2 Changer la langue

1. Trouvez le sélecteur de langue dans la barre de navigation ou dans les paramètres du compte.
2. Cliquez sur la langue souhaitée (p. ex. « EN » pour passer en anglais).
3. La page est rechargée avec la langue sélectionnée.
4. Toutes les pages du site s'affichent désormais dans la langue choisie.

1.3 Persistance du choix de langue

• Le choix de langue est mémorisé dans un cookie nommé NEXT_LOCALE.
• La durée de conservation du cookie est de 1 an.
• Vous n'avez pas besoin de resélectionner votre langue à chaque visite.

1.4 Contenu des produits dans votre langue

• Les noms de produits, descriptions, attributs et contenus de page sont affichés dans votre langue préférée.
• Si une traduction dans votre langue n'est pas disponible, le contenu est affiché dans une autre langue disponible.
• La qualité des traductions dépend du contenu saisi par l'équipe d'exploitation.

1.5 Langue et assistant IA

• L'assistant d'achat IA répond dans la langue configurée pour le site.
• La recherche sémantique de l'IA tient compte de votre langue préférée pour retourner des résultats pertinents.
• L'entrée du support en ligne et les conversations support utilisent aussi les textes chinois, anglais et français selon la langue active.

---

2. Changement de thème (clair / sombre / système)

2.1 Thèmes disponibles

La plateforme propose trois modes d'affichage :

2.2 Changer le thème

1. Trouvez l'icône de changement de thème dans la barre de navigation (généralement une icône de soleil/lune).
2. Cliquez pour basculer entre les modes.
3. Le thème s'applique immédiatement sans rechargement de page.

2.3 Persistance du thème

• Le thème choisi est mémorisé dans un cookie nommé theme.
• La durée de conservation du cookie est de 1 an.
• À votre prochaine visite, le thème préféré est automatiquement appliqué.

2.4 Mode Système

• En mode « Système », le thème change automatiquement selon les préférences de votre appareil :
  • Si votre appareil est en mode sombre → interface sombre.
  • Si votre appareil est en mode clair → interface claire.
  • Le thème s'ajuste automatiquement si vous changez le mode de votre appareil.

---

3. Navigation responsive sur mobile

3.1 Point de rupture responsive

La plateforme est entièrement responsive. Le comportement change à :

• Largeur ≥ 900px (breakpoint md) → mode bureau.
• Largeur < 900px → mode mobile.

3.2 En-tête sur mobile

Sur mobile :

• L'en-tête a une hauteur de 52 pixels, optimisée pour la navigation au pouce.
• Le logo est affiché de manière compacte.
• Les icônes d'action (recherche, panier, compte) sont accessibles en haut de l'écran.

3.3 Menu hamburger sur mobile

1. Cliquez sur l'icône hamburger (trois lignes) dans le coin supérieur gauche.
2. Un tiroir de navigation latéral (drawer) s'ouvre depuis la gauche.
3. Le tiroir contient toutes les entrées de navigation principales.
4. Cliquez en dehors du tiroir ou sur l'icône de fermeture pour le fermer.

3.4 Navigation dans les catégories sur mobile

• Sur mobile, l'arborescence des catégories est affichée dans le tiroir de navigation.
• Les sous-catégories sont accessibles en naviguant dans le tiroir.

3.5 Filtres de recherche sur mobile

Sur mobile, les filtres de recherche se comportent différemment :

• Un bouton « Filtres » s'affiche en haut de la liste de résultats.
• Cliquez sur ce bouton pour ouvrir un panneau de filtres en bas de l'écran (bottom sheet).
• Les filtres disponibles sont les mêmes que sur bureau.
• Cliquez sur « Appliquer » pour filtrer les résultats.
• Cliquez sur « Fermer » pour fermer le panneau de filtres.

3.6 Carrousel sur mobile

• Sur mobile, le ratio d'aspect du carrousel passe de 21:9 (bureau) à 16:9 (mobile).
• Cela garantit un affichage optimal des images sans les couper.
• Le carrousel est navigable par glissement (swipe).

3.7 Optimisations générales pour mobile

• Toutes les images sont redimensionnées pour les petits écrans.
• Les boutons sont de taille suffisante pour une interaction tactile facile.
• Les formulaires sont optimisés pour le clavier mobile.
• Les textes restent lisibles sans avoir à zoomer.

---

4. Pages d'activités et promotions

4.1 Qu'est-ce qu'une activité ?

Les activités sont des pages promotionnelles créées par l'équipe d'exploitation. Elles peuvent contenir :

• Des bannières promotionnelles.
• Des sélections de produits en promotion.
• Du contenu marketing spécial (événements saisonniers, ventes flash, etc.).

4.2 Accéder à une page d'activité

• Les pages d'activités sont accessibles via des liens dans :
  • Le carrousel de la page d'accueil.
  • Des bannières dans les modules de la page d'accueil.
  • Des annonces ou notifications.
• L'URL d'une page d'activité est : /activities/{slug} où {slug} est l'identifiant unique de l'activité.

4.3 Statuts des activités

Les activités ont les statuts suivants :

4.4 Pages d'activités expirées

• Si vous accédez à l'URL d'une activité avec le statut « Hors ligne », la page s'affiche encore.
• Un avis indiquant que l'activité est terminée est affiché.
• Cela évite les liens brisés et préserve l'historique des promotions.

4.5 Participation aux activités

• Selon le type d'activité, des avantages spéciaux peuvent être disponibles (réductions, produits exclusifs, etc.).
• Consultez le contenu de chaque page d'activité pour les conditions de participation.

---

5. Navigation et fil d'Ariane

5.1 Barre de navigation principale

La barre de navigation supérieure contient :

5.2 Fil d'Ariane (Breadcrumb)

Sur les pages de catégorie, liste de produits et détail de produits, un fil d'Ariane s'affiche :

• Format : Accueil > Catégorie > Sous-catégorie > Produit
• Cliquez sur n'importe quel niveau pour remonter dans la hiérarchie.
• Le fil d'Ariane aide à s'orienter dans la structure du site.

5.3 Navigation retour

• Utilisez les boutons de navigation du navigateur (← Retour) pour revenir à la page précédente.
• La plupart des pages conservent l'état des filtres et de la pagination lors du retour.

---

6. Accès au panneau d'administration

6.1 Qui peut accéder au panneau d'administration ?

• Seuls les utilisateurs possédant la permission admin:access peuvent accéder au panneau d'administration.
• Un bouton d'accès à l'administration est affiché dans la barre de navigation uniquement si vous avez cette permission.

6.2 Bouton d'accès à l'administration

• Sur le site client, l'icône d'accès à l'administration est une icône de bouclier.
• Elle est séparée du menu de compte utilisateur.
• Cliquez sur cette icône pour accéder au panneau d'administration.

6.3 Accès direct

• Vous pouvez également accéder directement au panneau d'administration via l'URL /admin.
• Si vous n'êtes pas authentifié ou si vous n'avez pas la permission admin:access, vous êtes redirigé vers la page de connexion.

---

7. Support en ligne et messages

7.1 Entrée et identité

La boutique fournit une entrée de support en ligne avec des textes adaptés à la langue courante. Les conversations créées par des utilisateurs connectés sont liées au compte ; les conversations invité utilisent un identifiant visiteur du navigateur.

7.2 Messages en ligne et e-mail

Le support fonctionne avec les messages en ligne et les réponses par e-mail. L'équipe support traite les conversations dans /admin/support. Lorsqu'un agent répond par e-mail, le message contient un jeton de conversation ; la réponse du client peut ainsi revenir dans la même conversation. Les e-mails de confirmation de commande utilisent aussi l'adresse de réponse du support en priorité.

7.3 Commandes et pièces jointes

Une conversation support peut être associée à une commande pour donner le contexte opérationnel. Le téléchargement des pièces jointes vérifie toujours que le visiteur, l'utilisateur ou l'agent a accès à la conversation concernée.

---

8. Pied de page et pages d'information

8.1 Contenu du pied de page

Le pied de page du site contient généralement :

• Liens vers les informations légales (CGV, politique de confidentialité, etc.).
• Liens vers les pages de contact et d'aide.
• Entrées « Contact et suivi » : liens sociaux ou de messagerie, popups QR, comptes de contact configurés par le commerçant.
• Informations de contact (e-mail, téléphone).

8.2 Pages d'information (CMS)

Les pages d'information sont gérées par l'équipe d'exploitation via le panneau d'administration :

• À propos de nous
• Conditions générales de vente
• Politique de confidentialité
• Politique de retour
• etc.

8.3 Accéder aux pages d'information

• Cliquez sur les liens dans le pied de page.
• Les pages d'information sont accessibles via : /shop/footer/pages/{slug}.
• Ces pages sont disponibles dans votre langue courante.

---

9. FAQ

Q1 : Ma préférence de langue est réinitialisée à chaque visite — pourquoi ?

La langue est mémorisée via un cookie. Si votre navigateur est configuré pour supprimer les cookies à la fermeture, ou si vous naviguez en mode privé/incognito, la préférence sera réinitialisée. Autorisez les cookies pour le site ou créez un compte et définissez votre langue dans les paramètres du compte.

Q2 : Le site ne s'affiche pas correctement sur mon téléphone — que faire ?

Vérifiez que vous utilisez un navigateur à jour (Chrome, Safari, Firefox, Edge). Essayez de rafraîchir la page. Si le problème persiste, essayez un autre navigateur ou contactez le support avec une capture d'écran du problème.

Q3 : Le mode sombre affecte-t-il les images des produits ?

Non. Les images des produits sont affichées telles quelles, indépendamment du mode de thème. Seule l'interface utilisateur (fonds, textes, boutons) change selon le thème.

Q4 : Puis-je utiliser le site en français et voir les produits en français ?

Oui. En sélectionnant le français comme langue d'interface via le sélecteur de langue, les noms de produits, descriptions et autres contenus multilingues s'affichent en français (si la traduction française a été saisie pour ces produits). Le même principe s'applique au chinois et à l'anglais.

Q5 : Comment partager un lien vers un produit ou une page du site ?

Copiez l'URL de la page directement depuis la barre d'adresse de votre navigateur. Toutes les pages sont accessibles via des URLs permanentes. Pour les produits, l'URL est /product/{slug}/{productId}. Pour les activités, c'est /activities/{slug}.

Q6 : La page d'une ancienne promotion s'affiche toujours — est-ce normal ?

Oui. Les pages d'activités expirées restent accessibles avec un avis indiquant que l'activité est terminée. Cela évite les erreurs 404 pour les utilisateurs ayant mis en favori une page de promotion.