Brilliant
Guide de mise en route

1. Installer le thème

1. Dans votre admin Shopify : Boutique en ligne → Thèmes.
2. Ajouter un thème → Importer un fichier zip.
3. Choisissez brilliant.zip — le fichier intérieur du paquet téléchargé, pas le paquet entier.
4. Il apparaît dans votre bibliothèque sous Brilliant Studio, non publié. Personnaliser pour y travailler ; publiez quand vous êtes prêt.

Si Shopify indique que le fichier n’est pas un thème valide, vous avez presque sûrement téléversé le paquet extérieur. Décompressez-le d’abord.

2. Claire ou Nuit

Le thème livre deux styles de thème. Dans l’éditeur, ouvrez Paramètres du thème et utilisez Changer le style du thème en haut : Claire est un papier blanc cassé à l’encre charbon, Nuit un papier charbon à l’encre ivoire. Toutes les couleurs suivent, et les dessins au trait s’inversent d’eux-mêmes pour rester lisibles sur le fond sombre.

• Mode (Couleurs) indique au thème si les surfaces sont claires ou sombres. Il est posé par le style ; ne le changez que si vous bâtissez votre propre palette sombre à partir de Claire.
• Jeu de couleurs, sur la plupart des sections : Par défaut ou Inversé. Une section inversée échange papier et encre pour elle seule — une bande charbon sur Claire, une bande ivoire sur Nuit. Le héro, la pièce maîtresse et les témoignages sont livrés inversés.
• Accueil Nuit — le paquet inclut un second gabarit d’accueil, index.nuit, avec le héro inversé (pièce à gauche, texte à droite) et l’accroche « Édition Nuit ». Prévisualisez-le avec ?view=nuit sur l’adresse de votre boutique, ou reprenez ses réglages sur votre accueil dans l’éditeur.

3. Couleurs, typographie, marque

• Couleurs — les surfaces (papier, papier chaud, encre), les deux dégradés des fonds du héro et de la pièce maîtresse, l’accent or et Or — texte sur fond clair (un champagne plus sombre tenu à 4,5:1 pour les surtitres), les filets taupe, le texte courant et secondaire.
• Typographie — le thème livre Cormorant Garamond pour les titres (woff2, SIL Open Font License, aucune requête vers Google Fonts). La police de texte vient de la bibliothèque de polices de Shopify, Inter par défaut. Passez la source des titres sur la bibliothèque pour choisir toute autre police.
• Marque — le logotype et son mot en italique (« Brilliant » et « Studio » dans la démo), ou un logo image avec sa hauteur (16 à 48 px), plus l’image de partage utilisée quand une page n’en a pas.
• Vignettes produit — Ajustement des images : Contenir garde un packshot ou un dessin entier sur le fond de la vignette ; Couvrir remplit le cadre avec une photographie. La source du badge, les étiquettes de matière et leur nombre sont ici aussi.
• En-tête — transparent sur un héro plein écran (désactivé, il est toujours opaque), gardé à l’écran au défilement ou non, la barre d’annonce au-dessus avec jusqu’à trois messages tournants.

4. La page d’accueil

Dix sections sont en place à l’installation, dans cet ordre :

• Héro — Disposition place le texte à gauche ou à droite ; la pièce tient dans un fin cadre or (une image 3:4 convient le mieux) avec une photographie de fond facultative sous un voile réglable. Tant qu’aucune image n’est posée, le thème dessine sa propre bague.
• Valeurs de la maison — quatre promesses courtes entre deux filets.
• Créations à l’honneur — choisissez une collection. Disposition : la mosaïque asymétrique (une grande vignette, trois portraits, une large, tous les cinq produits) ou une grille uniforme à trois colonnes.
• Grille de catégories — une carte par bloc collection ; la carte montre l’image propre de la collection, sinon un dessin. Nom, nombre et lien viennent de la collection sauf si vous les remplacez.
• Pièce maîtresse — la pièce dessinée en grand sur un halo, image à gauche ou à droite, jusqu’à six blocs de caractéristiques ; le bouton mène au produit choisi.
• Image avec texte — deux images portrait, la seconde surélevée, votre récit à côté.
• Témoignages — des citations avec cinq étoiles, auteur et ville.
• Produit à l’honneur — la fiche complète sur l’accueil.
• Lookbook — six à huit images carrées et le compte de la maison ; liez chaque image où vous voulez.
• Newsletter — un champ souligné ; le bouton affiche « Merci ✓ » après l’inscription.

Chaque section a un Espace au-dessus et un Espace en dessous (0–200 px, par pas de 4) ; les petits écrans gardent les deux tiers de la valeur. Vingt-trois autres sections attendent sous Ajouter une section. Chacune porte un texte de démo traduit : laissez un champ vide et le texte du thème s’affiche dans la langue du visiteur ; saisissez quoi que ce soit et votre texte l’emporte. Désactivez Textes de démo une fois votre contenu en place.

5. Produits — pastilles, tailles, teinte de galerie, badges, matières

La fiche produit lit le nom de vos options :

Les deux listes se modifient dans les réglages de la section produit, séparées par des virgules.

• Teinte de galerie — le métachamp custom.gallery_tone (texte sur une ligne : toute couleur ou tout dégradé CSS) fixe le fond de galerie d’un produit, quelle que soit la pastille. Sans lui, le fond suit la finition choisie.
• Position de la galerie — à gauche ou à droite des détails, dans la section produit ; sur petit écran la galerie devient un curseur à points.
• Badge — le métachamp custom.badge, ou un tag commençant par badge:, par exemple badge:Nouveauté, s’affiche en haut à gauche de la vignette.
• Matières — le métachamp custom.materials (liste de textes sur une ligne), ou des tags commençant par mat: comme mat:Or 18k, s’affichent en étiquettes sous le titre ; les tags simples sont utilisés quand ni l’un ni l’autre n’existe.
• Accordéons — lignes de la fiche : un titre et un texte ou une page ; la première peut afficher la description du produit.
• Boutons de paiement rapide — désactivés par défaut ; activez-les dans la section produit une fois les portefeuilles activés sous Paramètres → Paiements.

6. Menus et pages

• Menu de l’en-tête — Boutique en ligne → Navigation. Trois ou quatre liens tiennent en ligne ; un menu plus long bascule plus tôt dans le tiroir, pour ne jamais chevaucher le logotype. Un second menu peut alimenter le tiroir mobile.
• Pied de page — une colonne de marque avec votre adresse, puis un menu par bloc Menu (trois à l’installation), un menu légal ou les politiques de la boutique, et les logos de paiement.
• Contact — gabarit contact : le formulaire de rendez-vous avec ses blocs salon.
• Maison — gabarit about : héro de page, votre texte, puis une pièce maîtresse.
• Service client — gabarit faq.
• Guide des tailles — toute page avec la section Guide des tailles, puis pointez le Lien du guide des tailles de la section produit dessus.

7. Filtres, tri, recommandations

Les filtres viennent de l’application gratuite Search & Discovery de Shopify : installez-la, activez les filtres voulus, et la page collection affiche un bouton Filtres qui les ouvre dans un tiroir à gauche, avec le nombre de filtres actifs. Sans l’application, le bouton n’apparaît simplement pas. Le tri est un menu du thème ; il conserve les filtres actifs. Les recommandations sous un produit suivent les paires définies dans la même application.

8. Illustrations

Dix-huit dessins au trait sont livrés avec le thème — bagues solitaire, halo et anneau, une paire d’alliances, colliers pendentif, perles et saphir, boucles d’oreilles, une bague signature, un gros plan, deux scènes d’atelier et six looks. Ils occupent chaque emplacement d’image tant que vous n’en posez pas : vignettes, galerie, panier, héro, catégories, lookbook, pièce maîtresse, sections. Sur l’édition sombre, ils s’inversent d’eux-mêmes. Ils sont placés sous CC0, vous pouvez les garder pour de bon ; le paquet les livre aussi en PNG.

9. Langues

L’interface est livrée en anglais par défaut avec une traduction française complète incluse (locales/fr.json). Pour vendre en français : Paramètres → Langues → Ajouter une langue → Français, puis publiez-la. La vitrine suit la langue de l’URL où se trouve le visiteur, textes de démo compris. Les sélecteurs de langue et de pays du pied de page apparaissent dès que votre boutique publie plus d’une langue ou livre plus d’un marché.