Guide des fonctions communes de la boutique

Ce guide présente les fonctions communes de la boutique Trelanto : langue, thème, navigation adaptative, pages d'activité, pied de page et pages de contenu publiques, assistance en ligne et sessions de connexion. La navigation des produits, le passage de commande, le paiement et la sécurité du compte ont leurs propres guides. Utilisez ici les contrôles visibles et les procédures de récupération de la page actuelle.

L'affichage dépend des réglages du site, de la taille de l'écran, de la connexion et du contenu publié. Les contrôles réellement proposés par la page constituent la référence pour l'utilisateur.

---

1. Structure et périmètre

1.1 Zones communes

Les pages de la boutique comportent généralement quatre zones communes :

Ces fonctions sont utilisables dans le navigateur sans application séparée. La mise en page est conçue pour au moins 360 px ; une fenêtre plus étroite peut manquer d'espace sans signifier que des données ont disparu.

1.2 Réglages du site et connexion

Les réglages du site déterminent les activités, carrousels, groupes du pied de page et certains champs du compte. La connexion rend disponibles les entrées du compte telles que commandes, favoris et paramètres. Un contrôle absent de la page actuelle n'est pas disponible dans ce contexte.

Les pages publiques sont accessibles sans connexion. Après connexion, les choix de langue et de thème sont conservés pour le compte. L'assistance passe aussi de l'usage visiteur à l'usage du compte, mais l'historique visiteur n'est pas transféré automatiquement ; le rattachement est décrit à la section 8.

2. Langue de l'interface et contenu traduit

2.1 Langues et valeurs par défaut

La route actuelle et les messages d'interface prennent en charge trois langues :

Le site actuel peut modifier sa langue par défaut. Une adresse peut porter la langue active ; le sélecteur de langue de l’en-tête ou du tiroir mobile ouvre alors la page courante dans la langue choisie. Une page sans marqueur explicite utilise la préférence du compte connecté lorsqu'elle existe, puis la valeur du site actuel.

2.2 Changer la langue

Sur ordinateur, ouvrez le menu de l'avatar en haut à droite, développez Langue, puis choisissez Chinois, Anglais ou Français. Sur mobile, ouvrez le bouton de menu en haut à gauche, développez Langue dans le tiroir de navigation et choisissez une langue. Les utilisateurs connectés peuvent aussi modifier la langue dans la zone de préférences des Paramètres personnels.

Après un changement réussi, la page conserve les paramètres de recherche et le fragment courant. Si l'enregistrement échoue, la navigation ne continue pas ; gardez la page ouverte et réessayez.

2.3 Conservation du choix

• Sans connexion, la langue est conservée comme préférence pour le site actuel.
• Avec connexion, le choix est conservé avec le compte pour les visites suivantes.
• La suppression des données du site ramène à la valeur par défaut jusqu'à un nouveau choix.
• La navigation privée peut supprimer la préférence à la fermeture de la fenêtre ; il peut donc être nécessaire de choisir à nouveau la langue.

2.4 Contenu traduit

La navigation, les contrôles et les erreurs utilisent la langue active. Les titres des produits, catégories, marques, de l'accueil, des carrousels, des activités et du pied de page dépendent des traductions disponibles ; en l'absence de traduction, le titre peut être vide ou suivre le repli défini par le site.

Les pages de contenu utilisent le titre et le corps disponibles dans la langue choisie. Les suggestions de recherche affichent produits, catégories, marques et termes de recherche dans cette langue ; la boutique ne propose pas de bloc séparé de « recherches populaires ».

L'assistant d'achat IA utilise également la langue du site et répond en chinois, anglais ou français. Les cartes de recommandation privilégient les traductions du catalogue dans cette langue, selon les informations réellement fournies pour le produit.

3. Thèmes clair, sombre et système

3.1 Trois modes

Sur ordinateur, développez Thème dans le menu de l'avatar. Sur mobile, développez Thème dans le tiroir de navigation. Les utilisateurs connectés peuvent aussi le modifier dans les Paramètres personnels. Un choix réussi met la page à jour sans renvoyer le formulaire actuel.

3.2 Conservation et premier affichage

Pour un visiteur non connecté, le thème est conservé comme préférence du site actuel. Sans choix enregistré, la valeur du site et la préférence de couleur du navigateur déterminent le mode initial. La préférence du compte connecté est prioritaire. Le mode Système suit les changements du système d'exploitation ; un choix Clair ou Sombre reste fixe.

3.3 Effet du thème

Le thème modifie les couleurs du fond, du texte, de la navigation, des formulaires, des cartes, des boutons, des icônes et des séparateurs. Il ne modifie ni les produits, ni les prix, ni le stock, ni les commandes, ni la langue. Les images conservent leur aspect ; si une image contraste mal en mode sombre, repassez en mode clair et indiquez la page et l'emplacement à l'assistance.

4. Navigation adaptative, recherche et accessibilité

4.1 En-têtes ordinateur et mobile

La boutique change la présentation de l'en-tête vers 900 px :

Le tiroir mobile contient l'arborescence des catégories. Une catégorie parent doit être développée avant « voir tout » ou un choix enfant. Une fois connecté, il peut aussi afficher commandes, favoris, produits suivis, évaluations, adresse lorsque le site la demande, paramètres et déconnexion. Sans connexion, il affiche inscription et connexion. Sur ordinateur, les entrées du compte se trouvent dans le menu de l'avatar et les catégories restent dans la navigation dédiée.

Le masquage de l'en-tête lors du défilement peut être configuré selon la taille d'écran. Lorsqu'il est actif, un défilement de plus d'environ 10 px vers le bas le masque et un défilement vers le haut le réaffiche. Un en-tête qui reste visible peut donc être un comportement normal.

Le panier affiche le nombre d'articles sur ordinateur et mobile, avec un badge visuellement limité à 99. Après le seuil de défilement, un en-tête maintenu visible reçoit une ombre qui le sépare du contenu.

4.2 Recherche, filtres et fil d'Ariane

La recherche de l'en-tête est disponible sur ordinateur et mobile. Sur un petit écran de résultats, le tri est placé dans un menu et les filtres s'ouvrent dans un tiroir à droite. Les changements de prix, marque, stock et propriétés restent des valeurs provisoires jusqu'à la sélection d'Appliquer.

Les pages de recherche, catégorie, marque et produit proposent un fil d'Ariane selon leur contexte. La fiche produit essaie de conserver l'origine — accueil, catégorie, marque, recherche, favoris ou panier — afin de proposer un retour utile. Le bouton Précédent restaure l'adresse, mais ne garantit pas le nombre exact de résultats déjà chargés ni la position précise.

4.3 Clavier et lisibilité

• Les contrôles de langue, thème, compte et catégorie ont un nom accessible ; les suggestions de recherche acceptent les flèches, Entrée et Échap.
• Les boutons et formulaires se réorganisent sur petit écran. Le nombre de colonnes des produits dépend du module et de l'écran ; la boutique ne garantit pas une seule colonne sur chaque téléphone.
• Le carrousel d'accueil possède des boutons précédent/suivant et des points, peut défiler automatiquement et se met en pause au survol. Le balayage tactile n'est pas garanti. La galerie produit permet de changer d'image à zoom normal, de zoomer à deux doigts et de déplacer l'image après agrandissement.
• Le ratio du carrousel vient des réglages d'affichage du site et peut être 21:9 ; il ne devient pas automatiquement différent sur mobile. Une image mobile configurée est privilégiée.
• Le plan des chapitres d'une page de contenu est visible comme une liste défilante sur les écrans assez larges et est masqué sur les très petits téléphones. Les images peuvent être agrandies, réduites et réinitialisées ; les tableaux larges défilent horizontalement.

5. Activités et pages promotionnelles

5.1 Conditions et accès

Les activités sont normalement ouvertes depuis un carrousel d'accueil ou un lien du site qui ouvre le détail de l'activité. La page est disponible lorsque les activités sont activées sur le site et que l'activité se trouve dans sa période publique ; le lien fournit l'adresse, sans demander au visiteur de la construire.

Une activité peut contenir un titre, un sous-titre et une description traduits, des bannières ordinateur et mobile, des images dans l'ordre choisi, des libellés, des dates de début et de fin et un lien facultatif En savoir plus. Il n'existe pas de bouton générique d'inscription, de retrait de coupon ou de participation ; la description ou le lien indique l'action suivante.

5.2 Affichage

La bannière mobile est prioritaire et revient à la bannière ordinateur si elle manque. La bannière de détail utilise 16:9 sur les très petits écrans et 21:9 à partir du seuil ordinateur ; ces ratios concernent le détail d'activité et non le carrousel d'accueil. Les images suivent l'ordre configuré et une image impossible à charger utilise un emplacement de remplacement.

Lorsque En savoir plus est configuré, la cible s'ouvre dans un nouvel onglet. La page cible applique ses propres règles de contenu, d'offre, de prix et de connexion ; la description de l'activité ne les modifie pas.

5.3 Activité terminée, future ou indisponible

Une activité pas encore publique, terminée ou indisponible sur le site actuel affiche le même état terminé/indisponible et revient à l'accueil. La page peut ne pas indiquer la cause exacte. Si l'activité atteint sa date de fin pendant sa consultation, la date connue peut également être affichée.

Les autres erreurs de chargement sont présentées comme une erreur de chargement et non comme une activité terminée. Depuis un ancien favori, revenez à l'accueil actuel ; donnez l'adresse complète à l'assistance si elle doit examiner la cause.

6. Pied de page et pages de contenu publiques

6.1 Contenu du pied de page

Le pied de page peut afficher séparément selon la taille d'écran :

• des liens de pages de contenu regroupés par sections ;
• l'adresse, l'e-mail et le téléphone du commerçant ;
• des liens sociaux ou de messagerie, avec une fenêtre QR configurée ;
• un copyright localisé ;
• des liens légaux tels que confidentialité et conditions d'utilisation.

Le pied de page, chaque groupe, chaque lien, les informations du commerçant, les éléments de contact et le copyright peuvent être affichés ou masqués séparément. Un groupe vide n'est pas rendu. Sélectionnez un lien de contenu visible dans le pied de page pour ouvrir sa page publique ; un lien WeChat ouvre le QR configuré au lieu d'une page de contenu.

6.2 Fonctionnement d'une page de contenu

Ouvrez une page de contenu publique depuis un lien visible du pied de page ou un lien de contenu fourni par la page courante. La page liée doit exister et être activée ; sinon le résultat est Not Found. Elle peut présenter un titre et un corps dans la langue actuelle, avec titres, paragraphes, listes, liens, citations, tableaux, images, informations de marque, de retrait et de contact.

Si le contenu ne peut pas être chargé, la page affiche une erreur et n'invente pas de texte par défaut. Les images manquantes utilisent un emplacement de remplacement ; le site cible reste responsable de ses propres liens externes.

6.3 Plan des chapitres et informations de livraison

Les titres de la page forment le plan des chapitres. Le défilement met en évidence le chapitre actuel, la sélection d'une entrée mène à cette section et un bouton permet de revenir en haut.

Certaines pages indiquent les pays ou régions desservis, le mode de tarification, les délais estimés, le seuil de gratuité et les exclusions de codes postaux du site actuel. Ces valeurs proviennent des réglages actifs ; le devis affiché au passage de commande reste la référence pour la commande en cours.

6.4 Erreurs du pied de page et des pages

Si le pied de page est indisponible, désactivé ou masqué à la taille actuelle, la page conserve un pied de page légal réduit avec les liens visibles « Politique de confidentialité » et « Conditions d’utilisation ». Ces liens peuvent eux-mêmes être Not Found lorsque les pages correspondantes ne sont pas activées.

Une page de contenu inconnue est Not Found. Les autres erreurs de chargement ouvrent une page d'erreur avec un lien vers l'accueil, sans nouvelle tentative dans la page. Actualisez une fois puis revenez depuis le pied de page ; si l'erreur persiste, indiquez la langue, le libellé du lien ou le titre de la page et l'erreur visible à l'assistance.

7. Assistance en ligne, messages et pièces jointes

7.1 Ouvrir l'assistance et établir l'identité

Le bouton de message en bas à droite ouvre le tiroir d'assistance. Sous 768 px, il devient plein écran ; sur un écran plus large, il s'affiche comme panneau à droite et l'historique peut s'ouvrir à gauche. Les textes suivent la langue active.

Avec connexion, l'assistance utilise le compte actuel. Sans connexion, elle utilise la session visiteur du navigateur actuel. Un visiteur ne peut pas passer à la session d'un autre visiteur ; les pièces jointes et conversations restent limitées à la session actuelle.

Une nouvelle session visiteur demande un nom et le contact principal requis par le mode de connexion du site : e-mail valide lorsque la connexion se fait par e-mail, ou téléphone valide lorsqu'elle se fait par téléphone. Un utilisateur connecté utilise son contact de profil. Le widget peut demander une correction si le contact manque ou n'est pas valide ; modifier un e-mail peut demander une vérification supplémentaire lorsque la connexion multifacteur est active.

Les pages panier, commande et commandes peuvent transmettre un contexte utile à l'assistance. Cela aide à localiser le problème, mais n'accorde pas l'accès à la commande d'un autre client et ne lance pas de remboursement ni de changement d'état à la place de l'utilisateur.

7.2 Envoi, brouillons et pièces jointes

L'éditeur accepte jusqu'à 10 000 caractères et seuls les fichiers contrôlés peuvent être envoyés. Ctrl+Entrée ou Commande+Entrée utilise la même action que le bouton d'envoi. L'envoi est désactivé si le contact ou le brouillon n'est pas prêt, si un fichier est en envoi ou en contrôle, si un conflit de brouillon existe ou si un fichier a expiré.

Le texte est enregistré comme brouillon environ 500 ms après l'arrêt de la saisie. Fermer le widget, changer de session ou quitter la page tente aussi une dernière sauvegarde. Les brouillons expirent après sept jours. Si un autre onglet modifie le brouillon, l'interface permet de charger la version plus récente ou de garder la saisie actuelle. Un envoi réussi conserve le message et efface le brouillon.

L'activation des pièces jointes, les types image/vidéo/PDF, le nombre et les tailles autorisés viennent des réglages du site. L'interface affiche les limites effectives. Un fichier doit finir son contrôle avant l'envoi ; un fichier bloqué, échoué ou expiré doit être retiré ou téléversé à nouveau. Les pièces jointes ne peuvent être utilisées que dans la conversation où elles ont été ajoutées.

7.3 Réponses, non-lus et mises à jour

À l'ouverture du widget, une conversation non lue est choisie en priorité, puis la dernière conversation utilisée dans ce navigateur, puis la plus récente conversation active. La conversation sélectionnée se met à jour lorsque le widget est ouvert et la page visible ; un onglet en arrière-plan suspend les mises à jour.

Lorsque le widget est fermé et la page visible, le résumé des non-lus se met périodiquement à jour. Une nouvelle réponse peut afficher une notification et un badge. L'ouverture de la conversation marque les derniers messages comme lus et masque le badge lorsque le widget est ouvert.

7.4 Messages web et e-mails

Une réponse de l'assistance est d'abord enregistrée dans la conversation. Si celle-ci possède un e-mail valide et que les réglages le permettent, l'assistance peut aussi envoyer un e-mail. Un échec d'e-mail ne supprime pas le message ; vérifiez d'abord l'historique du widget.

Les e-mails contiennent suffisamment de contexte pour tenter de revenir à la conversation d'origine. Si ce contexte manque, la réponse peut créer une nouvelle conversation ou nécessiter un traitement manuel. N'envoyez pas de mot de passe, clé multifacteur, code de vérification, numéro complet de carte ou CVC par le widget ou par e-mail.

Les e-mails de confirmation de commande et de mise à disposition utilisent l'adresse de réponse configurée. Indiquez le numéro de commande public en répondant ; ces messages ne correspondent pas à une réponse directe à un message du widget.

8. Historique, archivage et rattachement visiteur

8.1 Consulter et gérer l'historique

Sélectionnez le bouton d'historique en haut du widget. La vue par défaut est Actives ; Toutes, Non lues et Archivées sont aussi disponibles. La recherche accepte 200 caractères et démarre environ 300 ms après la fin de la saisie. La liste affiche 15 éléments par défaut, propose 30 et 50 et se met périodiquement à jour.

Une ligne peut afficher un titre personnalisé ou généré, des libellés de contexte commande/produit/SKU, l'état, un brouillon, le nombre de non-lus, le dernier résumé et l'heure. Un titre accepte 1 à 160 caractères et peut revenir au titre généré ; une modification simultanée dans un autre onglet signale un conflit au lieu de remplacer silencieusement la version plus récente. Archiver, restaurer ou marquer comme lu, seul ou en groupe, demande confirmation.

Archiver modifie la liste du compte ou du visiteur actuel sans supprimer les messages. Un nouveau message visible du client ou de l'assistance retire automatiquement la conversation de la vue archivée. Les notes internes ne sont pas visibles dans l'historique client.

8.2 Nouvelles sessions et conversations indisponibles

Avant de créer une session, le widget enregistre le brouillon actuel. Changer de session tente aussi cette sauvegarde et reste sur la session actuelle si elle échoue. Le navigateur mémorise la dernière session utilisée pour l'usage courant.

Si une conversation mémorisée devient indisponible, le widget efface la sélection et choisit de nouveau parmi les conversations non lues ou actives. Modifier les données du navigateur n'ouvre pas la conversation d'un autre utilisateur.

8.3 Rattacher les données visiteur après connexion

La connexion n'ouvre pas de fenêtre de rattachement et ne transfère pas automatiquement les sessions visiteur. L'invite apparaît seulement après ouverture de l'assistance et de l'historique, si le navigateur actuel possède une conversation, un brouillon non expiré ou un fichier non rattaché pouvant être transféré. Le clic est suivi d'une seconde confirmation.

Après confirmation, le site transfère les conversations visiteur admissibles, les préférences et brouillons plus récents, les fichiers valides et les étiquettes client. Les brouillons expirés sont exclus et les conflits sont résolus selon la dernière mise à jour. Le succès indique les nombres de conversations et de brouillons transférés.

Si la session visiteur a été effacée, si le navigateur a changé ou si un autre appareil est utilisé, le compte ne peut peut-être plus identifier l'ancienne session et l'invite n'apparaît pas. Donnez à l'assistance un numéro de commande public et une heure approximative ; n'envoyez jamais de données privées du navigateur.

9. Sessions de connexion

9.1 État de session

La boutique protège la connexion actuelle dans le navigateur. Une session expirée ou révoquée, un compte désactivé ou une modification de sécurité peut demander une nouvelle connexion.

La déconnexion efface la connexion du navigateur actuel et bascule vers un panier visiteur vide. Il n'existe pas de page utilisateur listant les appareils ou révoquant une session individuellement. Changer le mot de passe, terminer une récupération ou réinitialiser la connexion multifacteur par e-mail peut terminer toutes les sessions du compte, y compris la page actuelle. Suivez les instructions de la page du compte pour vous connecter ou récupérer l'accès.

10. Sécurité, confidentialité et contenu externe

• Les choix de langue et de thème sont des préférences, pas des identifiants de connexion. Gardez les informations de connexion et d'assistance privées.
• Les pièces jointes, conversations, brouillons et téléchargements appartiennent seulement au compte ou à la session visiteur actuels. Archiver ou renommer une conversation n'élargit pas l'accès.
• Le contenu présenté par la boutique est préparé pour l'affichage, mais les liens externes publiés doivent être ouverts avec prudence.
• Les liens En savoir plus et les liens sociaux peuvent quitter la boutique. Le site cible contrôle ses règles de confidentialité, de prix et de transaction.
• Une adresse de page ou un bouton masqué ne modifie pas ce que le compte peut utiliser.
• Pour un diagnostic, indiquez la langue active, l'adresse complète, le numéro de commande public, l'erreur visible et l'heure approximative. Ne transmettez pas de mot de passe, lien de récupération, code, données du navigateur ou données de paiement.

11. Dépannage et récupération

12. FAQ

Puis-je enregistrer mes filtres de recherche ?

Il n'existe pas de recherche enregistrée au niveau du compte. Le terme et les filtres appliqués sont dans l'adresse, qui peut être ajoutée aux favoris ; le nombre de résultats chargés et la position exacte ne sont pas conservés par le favori.

Pourquoi une ancienne activité n'affiche-t-elle plus son contenu ?

Les activités hors période publique ou qui ne sont plus publiées utilisent le même état terminé/indisponible et n'affichent pas leur ancien contenu public.

Pourquoi le carrousel mobile n'est-il pas toujours en 16:9 ?

Le carrousel d'accueil suit le ratio configuré par le site. La bannière du détail d'activité utilise 16:9 sur les très petits écrans. Ce sont deux zones différentes.

Les brouillons de support sont-ils permanents ?

Non. Un brouillon d'assistance reste disponible sept jours après son enregistrement ; les fichiers peuvent expirer séparément. L'envoi, l'effacement ou l'expiration modifie ce qui peut être récupéré.

Le changement de langue de l'interface change-t-il la langue des réponses ?

La langue de l'interface modifie celle affichée par le widget. Les réponses de l'assistance peuvent utiliser une autre langue selon la conversation et les réglages du support.

Comment partager un produit ou une page ordinaire ?

L'action Partager de la fiche produit utilise d'abord la feuille de partage du navigateur. Si elle n'est pas disponible ou est annulée, la page tente de copier l'adresse du produit et affiche une invite de copie manuelle si nécessaire. Pour les autres pages, copiez la barre d'adresse ; une adresse de recherche conserve ses filtres appliqués.