Guide du thème Lumen

Aperçu

Lumen inclut toutes les sections et modèles nécessaires pour une boutique complète : accueil, collection, produit, panier, recherche, 404, pages de compte client, blog et cartes cadeaux. Chaque couleur, police et rayon d'angle est exposé comme réglage du thème : une refonte complète est possible sans toucher au code.

Les pages produit incluent un badge d'état, une étiquette de garantie, un onglet de caractéristiques techniques, un onglet éditorial « Notre avis » et une vente croisée facultative vers l'équivalent d'occasion du même produit. Le tout est piloté par des métachamps produit, décrits ci-dessous.

Démarrage rapide

Suivez ces étapes dans l'ordre après avoir installé Lumen sur votre boutique.

1. Choisissez un style (Default, Midnight ou Editorial) dans la galerie lors de l'installation, ou changez-le ensuite (voir Styles du thème).
2. Remplacez les textes de démonstration, images et statistiques (voir Contenu de démonstration).
3. Créez les métachamps produit nécessaires à votre catalogue (voir Métachamps).
4. Renseignez vos politiques légales pour que les liens du pied de page apparaissent (voir Pages légales).
5. Facultatif : connectez une app d'avis, activez le comparateur de produits, configurez les filtres de collection.
6. Passez une vraie commande test sur ordinateur et mobile avant la mise en ligne.

Contenu de démonstration

Chaque section contenant du texte de remplissage ou des statistiques inventées porte une note d'avertissement en haut de ses réglages dans l'éditeur de thème. Recherchez-les et remplacez le contenu avant le lancement. Ne publiez pas de nombres d'avis, témoignages ou promesses de service inventés.

• En-tête / pied de page : nom de la boutique, slogan, adresse, informations légales/raison sociale.
• Hero (accueil) : titre, texte, les trois chiffres statistiques (livraison, garantie, note des avis).
• Bande d'avantages (accueil) : les trois colonnes de garanties de service.
• Témoignages (accueil) : noms, citations et notes sont des exemples fictifs.
• Reprise (accueil) : délais et détails du service de reprise.

Métachamps

Créez ces métachamps dans Admin → Paramètres → Données personnalisées → Produits, avec les clés exactes ci-dessous (espace de noms custom). Le thème les lit déjà sous ces noms. Si un métachamp manque, la section qui l'utilise reste simplement masquée : comportement attendu, pas une erreur.

Styles du thème

Lumen inclut trois styles prêts à l'emploi. Choisissez-en un dans la galerie de styles lors du premier ajout du thème, ou appliquez-en un autre plus tard depuis les préréglages enregistrés de l'éditeur de thème.

Chaque couleur, les trois polices, la largeur du conteneur et le rayon des angles sont modifiables individuellement dans les réglages du thème. Un style n'est qu'un point de départ, pas une contrainte.

Avis produit

L'onglet « Avis » de la page produit affiche un nombre statique issu de custom.review_count (ou un message « aucun avis ») tant qu'aucune app d'avis n'est connectée. Pour passer à de vrais avis : installez une app (Judge.me, Loox, Ryviu, etc.), puis ajoutez son bloc d'app à la section Product tabs dans l'éditeur de thème. Une fois le bloc d'app présent, il est prioritaire et le nombre statique n'est plus affiché.

Comparateur de produits

Une fonction facultative de comparaison côte à côte (icône sur les cartes et la page produit, barre de comparaison, page dédiée) est désactivée par défaut et ne nécessite aucun métachamp.

1. Réglages du thème → Product comparison → activez Enable product comparison.
2. Créez une page avec le modèle page.compare.
3. Sélectionnez cette page dans le réglage Compare page.

L'état de la sélection est stocké dans le navigateur du visiteur (localStorage) ; aucun backend ni métachamp n'est impliqué.

Filtres de collection

Les filtres « État » et « Monture » dans la barre latérale de collection sont rendus génériquement à partir de l'objet natif collection.filters de Shopify. Pour qu'ils apparaissent, configurez des filtres produit dans l'app Search & Discovery en vous basant sur custom.innesto et une étiquette ou un métachamp d'état de votre choix.

Pages légales

Les liens du pied de page ne s'affichent que si la politique correspondante existe, il n'y a donc jamais de lien mort :

• Confidentialité / Conditions : lus depuis shop.privacy_policy / shop.terms_of_service. Renseignez-les dans Admin → Paramètres → Politiques.
• Politique de cookies : facultative, basée sur une page avec le handle cookie (Shopify n'a pas d'objet natif pour la politique de cookies).

Langues

Les chaînes d'interface de la boutique (boutons, libellés, panier, recherche, compte, carte cadeau) sont fournies traduites en quatre langues : italien (par défaut), anglais, espagnol et français. Activez celles dont vous avez besoin dans Admin → Paramètres → Langues.

Les libellés de l'éditeur de thème lui-même (noms de sections et de réglages) sont également traduits dans ces quatre langues : un marchand avec un admin en italien, anglais, espagnol ou français voit un éditeur traduit, pas seulement une boutique traduite.

Le contenu que vous saisissez dans l'éditeur de thème (textes du hero, blocs, métachamps) n'est pas couvert par ces fichiers. Traduisez-le avec l'app native Shopify Translate & Adapt, qui détecte automatiquement le contenu des sections, blocs et métachamps.

Pour ajouter une autre langue : dupliquez les fichiers de langue correspondants (interface et, si nécessaire, libellés de l'éditeur) avec le bon code ISO et traduisez chaque clé.

Limites connues

• Les états de survol suivent une règle cohérente dans tout le thème (éclaircissement d'environ 8 % / passage à la teinte accent-bright) plutôt que d'être dirigés artistiquement composant par composant.
• Les filtres de collection (État / Monture) ne se remplissent qu'une fois Search & Discovery configuré. Le thème affiche ce que fournit cette app.
• L'onglet avis affiche un nombre statique tant qu'aucun bloc d'app n'est ajouté, comme décrit ci-dessus.
• Les liens légaux du pied de page dépendent des politiques renseignées dans Admin → Paramètres → Politiques ; en attendant, ils restent masqués plutôt que rompus.

FAQ

Support

Pour toute question non couverte par ce guide, écrivez à hello@digreg.dev.