Configurer la boutique, de zéro à la mise en ligne

Trois choses à comprendre avant de cliquer, qui t'éviteront de tout recommencer.

L'ordre compte vraiment

Les éléments dépendent les uns des autres. Un métachamp « Emplacement » ne peut pas exister avant le métaobjet Emplacement auquel il renvoie. Un filtre ne peut pas exister avant le métachamp qu'il filtre. Une collection automatique ne se remplit pas avant que les produits portent les bons tags. Les tags rapides épinglés ne peuvent pas être écrits avant que les filtres existent.

Fais les phases dans l'ordre 1 → 11. Si tu sautes une phase, la suivante t'affichera des listes vides et tu croiras à un bug.

Le vocabulaire, en quatre mots

Ce que tu vas créer, en résumé

On règle la langue, la devise, et on vérifie que le thème Lunyx est bien là.

1. Mettre le français en langue par défaut

   Paramètres → Langues

   Le français doit être marqué « Par défaut ». Ajoute l'anglais en langue publiée si tu veux la boutique bilingue : le thème est déjà traduit dans les deux.

2. Vérifier la devise et le format des prix

   Paramètres → Général → Devise du magasin

   Euro. Dans « Format de devise », garde le format français : c'est lui qui donne 23,90 € et non 23.90 €.

3. Vérifier le système d'unités

   Paramètres → Général → Système de mesure

   Métrique. Toutes les tailles du catalogue sont en millimètres.

4. Retrouver le thème Lunyx

   Boutique en ligne → Thèmes

   Le thème Lunyx — preview est déjà dans ta bibliothèque, en « non publié ». Ne le publie pas encore : on le publiera en phase 11, quand la boutique aura du contenu. Pour l'ouvrir, clique Personnaliser.

5. Garder la boutique protégée par mot de passe

   Boutique en ligne → Préférences → Protection par mot de passe

   Laisse la protection active tant que tu construis. Elle empêche les visiteurs — et Google — de voir une boutique à moitié faite.

Deux fiches réutilisables : les emplacements de perçage et les matières. Tout le reste s'y accroche, donc on commence par là.

La définition « Emplacement »

Paramètres → Données personnalisées → Métaobjets → Ajouter une définition

Nomme-la Emplacement. Shopify en déduit le type placement — vérifie-le dans les options avancées, le thème s'en sert.

Vérifie aussi, dans les options de la définition, que « Les entrées sont disponibles sur la vitrine » est activé — sinon le thème ne peut pas les lire.

Les 20 emplacements à créer

Les valeurs ci-dessous sont des standards du métier, prêts à saisir. La liste complète, avec les textes d'introduction, est en annexe A1.

La définition « Matière »

Même chemin, nomme-la Matière, type material.

Les 4 matières, prêtes à saisir

1. Créer la définition Emplacement avec ses 9 champs

   Pour chaque ligne du tableau : Ajouter un champ → choisis le type → saisis le nom → ouvre « Options avancées » pour vérifier la clé.

2. Créer les 10 emplacements d'oreille

   Les valeurs sont en annexe A1. Laisse le champ Collection vide : les collections n'existent pas encore.

3. Créer les 7 emplacements de visage

   Attention au nostril : son diamètre standard est 0,8 mm, plus fin que l'oreille.

4. Créer les 3 emplacements de corps

   Nombril, mamelon, surface.

5. Créer la définition Matière et ses 4 entrées

   Les valeurs sont dans le tableau ci-dessus.

Les cases supplémentaires sur les fiches produit, variante, collection, article et client. Créer la définition ne remplit rien : ça ajoute la case vide, que tu rempliras produit par produit en phase 4.

Les 9 métachamps de produit

Paramètres → Données personnalisées → Produits → Ajouter une définition

Les valeurs autorisées pour Fermeture et Pierre

Dans les options de la définition, choisis « Limiter à des valeurs spécifiques » et saisis exactement ces listes. Ça t'évite les fautes de frappe qui dédoublent les filtres.

Une valeur par ligne dans le champ Shopify, pas séparées par des points médians.

Les 3 métachamps de variante

Paramètres → Données personnalisées → Variantes

Les 6 métachamps de collection, article et client

Les deux métachamps client sont facultatifs : sans eux, l'espace compte fonctionne, il affiche simplement une case en moins.

Les swatches de finition

Paramètres → Données personnalisées → Valeurs des options de variante

Shopify propose une définition toute prête : Couleur (shopify.color-pattern). Active-la maintenant, elle servira dès le premier produit. C'est de là que viennent les ronds dorés et argentés — le thème ne contient aucune couleur de finition en dur.

1. Créer les 9 métachamps produit

   Espace de noms lunyx pour chacun, et « liste » là où le tableau le dit.

2. Limiter Fermeture et Pierre à leurs valeurs autorisées

   Cinq fermetures, quatre pierres.

3. Créer les 3 métachamps de variante

   Et cocher « filtrable » sur les deux premiers.

4. Créer les 6 métachamps collection, article et client

   Les deux derniers sont facultatifs.

5. Activer la définition de swatch « Couleur »

   Une seule fois, elle vaut pour tous les produits.

La phase la plus longue, et celle qui décide de tout. Fais-en un seul en entier, vérifie-le à l'écran, puis duplique-le pour les suivants.

Les trois options, dans cet ordre

Produits → Ajouter un produit → Variantes

Les noms d'option selon le type de bijou

Sur un bijou à taille unique, l'option Finition est seule : le thème détecte qu'il n'y a qu'une étape, la présélectionne et active tout de suite le bouton d'ajout.

Les combinaisons qui n'existent pas

Shopify crée toutes les combinaisons possibles. Supprime les lignes que tu ne vends pas. Le thème s'appuie là-dessus : une taille absente du tableau des variantes n'apparaîtra jamais à la cliente. Une taille présente mais à zéro en stock, elle, restera visible et barrée — c'est voulu, la cliente qui la cherche doit voir qu'elle existe.

Remplir les métachamps du produit

Descends tout en bas de la fiche produit, section Métachamps. Tu retrouves les 9 cases de la phase 3.

Remplir les métachamps de chaque variante

Clique une variante dans le tableau, descends jusqu'à Métachamps, et saisis le diamètre et la longueur en chiffres, avec un point : 1.2 et 8. Pas de virgule et pas de « mm » ici — c'est une valeur de calcul, pas un texte d'affichage.

Les tags

Toujours préfixés, jamais de tag libre. Ce sont eux qui remplissent les collections automatiques. Le vocabulaire complet est en annexe A4.

Deux tags ont un effet visible immédiat :

• nouveau — pastille noire « Nouveau » sur la photo.
• offre:3-pour-2 — pastille mauve « 3 pour 2 » et compteur d'offre dans le panier.

Les autres champs de la fiche

Les photos

• Carré, fond neutre, 1400 × 1400 px minimum. Le thème recadre en 1:1.
• La 2^e image s'affiche au survol sur ordinateur : mets-y un autre angle.
• La 3^e alimente la carte « Échelle réelle ». Une macro à côté d'une pièce de monnaie.
• Associe une image à chaque valeur de Finition : la photo change quand on choisit la couleur.
• Renseigne le texte alternatif de chaque image — c'est ce que lisent les lecteurs d'écran.

Les cinq produits de test

Ces cinq cas couvrent tous les affichages du thème. Si les cinq sont beaux, tout le reste le sera.

1. Créer un produit complet de bout en bout

   Options → variantes → suppression des combinaisons inexistantes → stock → swatches de finition → métachamps produit → métachamps de variante → tags → type → photos.

2. Le vérifier à l'écran avant d'en faire d'autres

   Ouvre l'aperçu du thème. Si la ligne grise, les pastilles et le sélecteur sont bons, tu peux dupliquer.

3. Créer les 4 autres produits de test

   Duplique le premier et modifie ce qui change.

Trente-deux collections en quatre familles. Celles par emplacement sont les plus importantes : ce sont les cibles du menu, des vignettes rondes et du sélecteur anatomique. La liste complète avec les handles et les conditions est en annexe A5.

Ce que chaque collection doit porter

• Une image — utilisée dans la liste des collections.
• Une description — reprise telle quelle dans le bloc de texte en bas de page.
• Un handle propre : helix, pas helix-1. Il doit correspondre au handle du métaobjet Emplacement.
• Un tri par défaut : « Meilleures ventes » pour les collections d'emplacement.

Les tags rapides épinglés

C'est la barre horizontale au-dessus de la grille. Elle se remplit avec le métachamp lunyx.pinned_filters de la collection, une ligne par tag, huit maximum.

Le format d'une ligne :

1. Créer les 3 collections de zone

   Ce sont les entrées de premier niveau du menu.

2. Créer les 20 collections d'emplacement

   Une par métaobjet Emplacement de la phase 2, avec le même handle.

3. Créer les 5 collections de type et les 4 transverses

   Les conditions exactes sont en annexe A5.

4. Relier chaque métaobjet Emplacement à sa collection

   Le champ Collection que tu avais laissé vide en phase 2. C'est lui qui rend le sélecteur anatomique et les vignettes cliquables.

5. Renseigner les vignettes rondes des collections de zone

   Métachamp lunyx.child_placements de la collection oreilles → tous les emplacements d'oreille, dans l'ordre où tu veux les voir.

6. Renseigner le fil d'Ariane

   Métachamp lunyx.parent_collection de helix → la collection oreilles.

7. Épingler 3 ou 4 tags rapides sur les collections principales

   Fais-le après la phase 6 : les filtres doivent exister pour que les adresses contiennent les paramètres.

Sans cette phase, le tiroir « Tous les filtres » s'ouvre vide. C'est l'application gratuite Search & Discovery, éditée par Shopify, qui les fabrique.

Les synonymes de recherche

Pour que « narine » trouve les nostrils et « épaisseur » trouve les diamètres. Search & Discovery → Synonymes

1. Installer Search & Discovery

   Depuis le Shopify App Store. Elle est gratuite et officielle.

2. Ajouter les 9 filtres dans l'ordre du tableau

   L'ordre ici est l'ordre d'affichage dans le tiroir : du plus utilisé au plus rare.

3. Ajouter les 7 groupes de synonymes

   Un groupe par ligne copiable ci-dessus.

4. Revenir en phase 5 épingler les tags rapides

   Maintenant que les filtres existent, les adresses contiennent les paramètres à recopier.

Le méga-menu s'ouvre sur deux axes en parallèle : par emplacement à gauche, par type de bijou au milieu, matière à droite. Chaque colonne est un menu Shopify distinct.

Boutique en ligne → Navigation → Ajouter un menu

Les 8 menus à créer

Oreille — emplacements · deux niveaux

Visage — emplacements · deux niveaux

Corps — emplacements · un niveau

Nombril · Mamelon · Surface

Types de bijou · un niveau, partagé par les trois entrées

Anneaux clicker · Anneaux segment / BCR · Labrets push-pin · Labrets vissés · Barbells droits · Barbells courbés · Circulaires (fer à cheval) · Faux piercings

Matières · un niveau

Titane ASTM F136 · Or 14 carats · Or 18 carats · Acier 316L · Bioflex (souple)

Les trois menus du pied de page

1. Créer les 3 menus d'emplacement

   Chaque entrée pointe vers une collection par emplacement de la phase 5.

2. Créer les menus Types de bijou et Matières

   Ils sont partagés par les trois entrées du méga-menu.

3. Créer les 3 menus du pied de page

   Ils apparaîtront quand tu les brancheras en phase 9.

Trois pages ont un modèle sur mesure dans le thème. Elles ne s'afficheront correctement que si tu leur attribues le bon modèle.

Boutique en ligne → Pages → Ajouter une page. Le contenu vient des sections, pas de l'éditeur de texte. À droite, dans Modèle de thème, choisis celui du tableau. Vérifie l'adresse dans « Référencement » en bas de page.

Les pages ordinaires

Crée aussi un blog nommé Conseils depuis Boutique en ligne → Articles de blog, avec au moins un article pour que la section d'accueil ne soit pas vide.

1. Créer les 3 pages à modèle

   Si le modèle n'apparaît pas dans la liste, c'est que tu personnalises un autre thème.

2. Créer les 6 pages ordinaires

   Modèle par défaut pour toutes.

3. Créer le blog Conseils et un premier article

   Avec une image de couverture, sinon la carte affiche un placeholder.

Tout se passe dans Boutique en ligne → Thèmes → Lunyx — preview → Personnaliser. Les réglages globaux d'abord (icône engrenage en bas de la colonne de gauche), puis section par section. La liste exhaustive des réglages est en annexe A6, celle des sections en annexe A7.

Ce qu'il faut savoir sur les réglages globaux

La correspondance par défaut, une équivalence par ligne dans le champ :

L'en-tête et le méga-menu

Clique En-tête. Tu y trouves trois blocs « Entrée avec méga-menu » (Oreilles, Visage, Corps) et trois « Entrée simple » (Nouveautés, Promos, Conseils).

Ouvre le bloc Oreilles et branche :

Répète pour Visage et Corps. Dans les réglages de la section (pas du bloc), renseigne aussi Menu de l'onglet « Type de bijou » pour le tiroir mobile, et l'encart « Je ne sais pas quelle taille » qui pointe vers le sélecteur.

La page d'accueil

Le sélecteur anatomique

Ouvre la page selecteur dans l'éditeur. La section contient trois blocs « Zone du corps » : Oreille, Visage, Corps. Pour chacun, choisis l'icône et les métaobjets Emplacement concernés.

Le guide des tailles

Ouvre la page guide-tailles. Sélectionne tous les emplacements et toutes les matières : les deux tableaux se remplissent tout seuls à partir des métaobjets. Le troisième tableau, la correspondance gauge, vient du réglage global.

1. Passer les sept rubriques de réglages globaux

   Couleurs, typographie, mise en page, carte produit, panier, tailles & guides, réseaux.

2. Brancher les menus dans les trois blocs du méga-menu

   Et le menu du deuxième onglet mobile.

3. Remplir les six sections de l'accueil

   Dans l'ordre où elles apparaissent.

4. Régler les modèles Collection, Produit, Panier et Recherche

   Le menu déroulant en haut de l'éditeur permet de passer de l'un à l'autre.

5. Renseigner les trois pages à modèle

   Sélecteur, guide des tailles, fidélité.

6. Régler le pied de page et la barre d'annonce

   Trois blocs « Menu » dans le pied, et un ou plusieurs messages dans la barre d'annonce — ils défilent s'il y en a plusieurs.

Point important : le thème affiche l'état de l'offre, il ne la calcule pas. Le rabais réel se règle dans Shopify.

1. Créer une remise automatique

   Réductions → Créer une réduction → Acheter X, obtenir Y

   Type Remise automatique (pas un code). La cliente achète 2 articles de la collection choisie et obtient 1 article gratuit.

2. Taguer les produits éligibles

   Ajoute offre:3-pour-2 à chaque produit concerné.

   C'est ce tag qui déclenche la pastille mauve sur la photo et le compteur « Ajoute 1 article pour en profiter » dans le tiroir de panier. La remise Shopify fait le calcul, le tag fait l'affichage : il faut les deux.

3. Vérifier le nom de la remise

   Il s'affiche tel quel sur la ligne offerte dans le panier. « 3 pour 2 » plutôt que « Remise automatique 4 ».

Le parcours à faire soi-même avant de rendre la boutique visible. Fais-le sur téléphone et sur ordinateur.

1. L'accueil

   Aucune zone hachurée, les six vignettes d'emplacement montrent un nombre de modèles, la sélection produits est remplie.

2. Le méga-menu

   Survole « Oreilles » : le panneau s'ouvre après un court délai, les trois colonnes sont remplies, les compteurs sont là. Fais-le aussi au clavier avec Tab et Entrée.

3. Une collection

   Ouvre le tiroir de filtres : les 9 groupes sont là. Coche Titane : la grille se met à jour sans recharger la page et l'adresse change. Recharge cette adresse : le filtre est toujours appliqué. Reviens en arrière : le filtre disparaît.

4. Le sélecteur de taille

   Sur le clicker à 12 variantes : le bouton dit « Choisis ta taille » et reste inactif. Choisis un diamètre → l'étape 2 s'active. Vérifie qu'une combinaison supprimée n'apparaît jamais, et qu'une taille en rupture s'affiche barrée mais reste cliquable.

5. Le panier

   Ajoute un article : le tiroir s'ouvre, la ligne rappelle la taille exacte, la jauge de livraison avance. Change la quantité, retire la ligne.

6. La recherche

   Tape « heli » : les suggestions arrivent. Tape n'importe quoi : la page « aucun résultat » propose des pistes.

7. Le guide des tailles et le sélecteur

   Les trois tableaux du guide sont remplis. Le sélecteur affiche la liste des emplacements et le panneau se remplit au clic.

8. Une commande test

   Paramètres → Paiements → Bogus Gateway permet de passer une commande sans payer. Fais-en une de bout en bout.

9. Publier

   Boutique en ligne → Thèmes → Lunyx — preview → Publier

   Puis retire la protection par mot de passe dans les préférences. La boutique est en ligne.

Toutes les valeurs à saisir dans les entrées du métaobjet Emplacement. Le handle est généré par Shopify à partir du nom : vérifie qu'il correspond, c'est lui qui relie l'emplacement à sa collection et à sa zone du schéma.

Oreille

Visage

Corps

Les textes d'introduction

Deux phrases par emplacement, affichées dans le panneau du sélecteur anatomique. Ceux-ci sont prêts à coller ; réécris-les avec tes mots quand tu auras le temps.

• Lobe — Le perçage le plus courant, dans la partie charnue de l'oreille. Il cicatrise vite et accepte presque tous les bijoux.
• Hélix — Le cartilage du bord supérieur de l'oreille. Il demande du titane et de la patience : la cicatrisation dépasse souvent trois mois.
• Forward hélix — Sur le petit repli de cartilage à l'avant de l'oreille, côté visage. Souvent posé en série de deux ou trois.
• Industriel — Une barre unique qui relie deux perçages du cartilage haut. Sa longueur se mesure d'un trou à l'autre, pas comme une tige ordinaire.
• Rook — Dans le pli de cartilage au-dessus du conduit auditif. Un barbell courbé y est plus confortable qu'un anneau.
• Snug — Sur le relief interne du bord de l'oreille. C'est l'un des perçages les plus longs et les plus capricieux à cicatriser.
• Conque — Dans la partie creuse et plate de l'oreille. Accepte aussi bien un labret plat qu'un anneau de grand diamètre.
• Tragus — Sur le petit cartilage qui protège l'entrée du conduit auditif. Les tiges courtes évitent les accrochages.
• Anti-tragus — Face au tragus, sur le relief au-dessus du lobe. Zone étroite : la longueur se choisit au millimètre près.
• Daith — Dans le pli de cartilage juste au-dessus du conduit. Se porte presque toujours en anneau ou en clicker.
• Nostril — L'aile du nez. Le diamètre y est plus fin qu'à l'oreille : 0,8 mm est la norme.
• Septum — La cloison entre les deux narines. Le bijou se mesure en diamètre extérieur, pas en longueur de tige.
• Bridge — Un perçage de surface entre les deux yeux, à la racine du nez. Un barbell droit à billes plates limite les accrochages.
• Labret — Sous la lèvre inférieure. Le disque plat côté intérieur protège les dents et la gencive.
• Medusa — Au creux de la lèvre supérieure, sous le nez. Même bijou qu'un labret, posé à l'envers.
• Sourcil — Un perçage de surface à travers l'arcade. Un barbell courbé limite le risque de rejet.
• Langue — Au centre de la langue. Cicatrise vite, mais demande une tige longue les premiers jours, le temps du gonflement.
• Nombril — Le rebord supérieur du nombril. Un barbell courbé est la seule forme vraiment adaptée.
• Mamelon — Une barre droite traversant la base du mamelon. Cicatrisation longue et sensible aux frottements.
• Surface — Un perçage plat, posé sous la peau avec une barre en U. Nuque, hanche, poignet.

La correspondance utilisée par le thème. Elle se règle dans Éditeur → Tailles & guides et alimente à la fois le sélecteur de taille, le tiroir de filtres et le guide des tailles.

La liste complète, dans l'ordre de création. À utiliser comme liste de contrôle en phase 3.

S'ajoutent deux métachamps gérés par ton application d'avis, que tu n'as pas à créer : reviews.rating et reviews.rating_count.

Le vocabulaire complet. Toujours en minuscules, sans accent, avec un tiret à la place des espaces. Un tag hors de cette liste ne fait rien : il n'alimente ni collection ni badge.

Les 32 collections, avec leur handle et leur condition. Toutes sont automatiques sauf mention contraire.

Par zone · 3

Par emplacement · 20

Condition identique pour toutes : Tag est égal à emplacement:<handle>. Le handle de la collection doit être exactement celui du métaobjet.

Par type · 5

Transverses · 4

Les 31 réglages globaux, avec leur valeur par défaut. Ils se trouvent tous derrière l'icône engrenage, en bas de la colonne de gauche de l'éditeur.

Couleurs

Typographie, mise en page, carte produit

Panier, tailles, réseaux

Les 37 sections du thème, où elles apparaissent et quels blocs elles acceptent. « Ajoutable » signifie que tu peux la poser sur n'importe quelle page depuis le bouton « Ajouter une section ».

En-tête et pied, sur toutes les pages

Accueil

Collection et recherche

Fiche produit

Les blocs de la fiche produit se réordonnent par glisser-déposer : c'est comme ça qu'on déplace le prix au-dessus de la note, ou qu'on ajoute un troisième accordéon.

Panier, pages et compte

Presque tous les « bugs » à ce stade sont une donnée manquante. Voici les symptômes classiques et leur cause.