Aller au contenu
Kiosk

É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

  1. Dans votre admin Shopify : Boutique en ligne → Thèmes.
  2. Ajouter un thème → Importer un fichier zip.
  3. Choisissez eclat.zip — le fichier intérieur du paquet téléchargé, pas le paquet entier.
  4. 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éeS’affiche enDétail
Finition, Métal, Metal, Finish, Colour, ColorPastilles rondesLes 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 doigtBoutons de tailleUne 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 exemple badge:Nouveauté, s’affiche en haut à gauche de la vignette. Ou basculez la source sur le métachamp custom.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é.

Kiosk