ÉDITION 008DOCUMENTATION
Éclat
Guide de mise en route
L’essentiel de ce thème s’installe en dix minutes. Une étape demande du soin : le nom de vos options produit, qui décide de ce qui devient une pastille de métal et de ce qui devient un bouton de taille. Vous avez acheté le thème ? Le même guide est dans votre paquet, hors ligne.
1. Installer le thème
- Dans votre admin Shopify : Boutique en ligne → Thèmes.
- Ajouter un thème → Importer un fichier zip.
- Choisissez
eclat.zip— le fichier intérieur du paquet téléchargé, pas le paquet entier. - Il apparaît dans votre bibliothèque sous Éclat 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. Couleurs, typographie, marque
- Couleurs — blanc cassé, charbon (avec une variante profonde et une chaude pour le dégradé du héro), or champagne, taupe doux, texte courant et secondaire. Or — texte sur fond clair est un champagne plus sombre pour garder les surtitres lisibles à 4,5:1 ; mettez la même valeur que l’accent pour le rendu exact de la maquette.
- 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 (« Éclat » et « Studio » dans la démo), ou un logo image, plus l’image de partage utilisée quand une page n’en a pas.
- En-tête — laissez l’en-tête blanc cassé après défilement, ou passez-le en charbon.
Les menus se trouvent sous Boutique en ligne → Navigation. Le menu principal alimente l’en-tête et le tiroir mobile : trois ou quatre liens tiennent en ligne ; un menu plus long bascule plus tôt dans le tiroir, pour ne jamais chevaucher le logotype.
3. La page d’accueil
Quatre sections sont en place à l’installation :
- Héro — l’image signature en haut à droite dans un fin cadre or (le 3:4 convient le mieux) ; surtitre, titre avec une ligne en italique, texte, bouton. Tant qu’aucune image n’est posée, le thème dessine sa propre bague.
- Créations à l’honneur — choisissez une collection. La mosaïque se répète tous les cinq produits : une grande vignette, trois portraits, une large. L’ordre de la collection est l’ordre des vignettes.
- Pièce maîtresse — un gros plan carré à gauche, le récit et jusqu’à six blocs de caractéristiques à droite.
- Produit à l’honneur — choisissez un produit et la fiche complète apparaît sur l’accueil.
Vingt-six 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.
4. Produits — pastilles, tailles, badges, étiquettes
La fiche produit lit le nom de vos options :
| Option nommée | S’affiche en | Détail |
|---|---|---|
Finition, Métal, Metal, Finish, Colour, Color | Pastilles rondes | Les valeurs or jaune / yellow, rose / pink ou blanc / white reçoivent le dégradé de métal correspondant. Les pastilles couleur ou image de Shopify, si elles sont définies sur les valeurs, sont utilisées à la place. |
Taille, Size, Ring size, Tour de doigt | Boutons de taille | Une taille qu’aucune variante disponible ne peut atteindre est barrée. Le réglage Lien du guide des tailles affiche un lien à côté du libellé. |
Les deux listes se modifient dans les réglages de la section produit, séparées par des virgules.
- Badge — un tag commençant par
badge:, par exemplebadge:Nouveauté, s’affiche en haut à gauche de la vignette. Ou basculez la source sur le métachampcustom.badge. - Étiquettes de matière — les deux premiers autres tags (
Or 18k,Diamants éthiques) s’affichent en étiquettes sous le titre. Réglez leur nombre ou masquez-les sous Paramètres du thème → Vignettes produit. - 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.
5. Pages à créer
- 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 (sept tailles préremplies : France, millimètres, US, UK), puis pointez le Lien du guide des tailles de la section produit dessus.
6. Filtres, tri, recommandations
Les filtres viennent de l’application gratuite Search & Discovery de Shopify : installez-la, activez les filtres voulus, et la page collection les affiche dans sa colonne de gauche. Sans l’application, la colonne reste simplement vide. 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.
7. Illustrations
Sept dessins au trait sont livrés avec le thème — bague, collier, anneau pavé, perles, alliances, bague signature sur charbon et gros plan. Ils occupent chaque emplacement d’image tant que vous n’en posez pas : vignettes, galerie, panier, héro, pièce maîtresse, sections. Ils sont placés sous CC0, vous pouvez les garder pour de bon. Ils disparaissent dès qu’une vraie image est posée.
8. 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 du 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 expédie vers plus d’un marché.