Soin
Guide d’installation

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 soin.zip — le fichier intérieur du paquet téléchargé, pas le paquet entier.
4. Il apparaît dans votre bibliothèque sous le nom SOIN, non publié. Personnaliser pour y travailler ; publiez quand vous êtes prêt.

Si Shopify répond 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

La palette vit sous Paramètres du thème → Couleurs : fond de page (le papier crème), fond des cartes, encre (textes, filets et pied de page sombre), accent citron vert et sauge. Deux autres groupes comptent tôt :

• Mise en page — largeur de page et format des images produit (portrait, carré ou allongé), utilisé par toutes les grilles.
• Cartes produit — marque, note, ajout rapide au survol, seconde image au survol : quatre interrupteurs qui donnent le ton de chaque grille.

La typographie est la signature du thème et voyage avec lui : Archivo (variable, capitales condensées pour les titres) et Instrument Serif pour le mot en italique à l’intérieur d’un titre — écrivez-le <i>mot</i> dans n’importe quel champ de titre et le thème le compose en serif italique. Les deux polices sont auto-hébergées sous licence SIL Open Font License : aucune requête vers Google Fonts, rien à consentir.

3. Menus & collections

L’en-tête lit un menu, le pied de page un autre — réglez les deux dans leurs sections de l’éditeur de thème. Puis pointez l’accueil vers votre catalogue :

• Grille de collection et bandeau meilleures ventes — chacun prend une collection.
• Acheter par besoin — quatre tuiles, chacune avec libellé, ligne de compte et lien. Pointez-les vers vos collections de besoins (sécheresse, imperfections, texture, rougeurs — ou les vôtres).
• Répertoire des marques — un bloc par marque, avec logo et lien facultatifs. La même section porte la page marques prête à l’emploi.

Chaque section qui liste des produits retombe sur des SVG dessinés tant qu’une collection est vide ou non choisie — la page ne semble jamais cassée pendant les branchements.

4. Le quiz de routine

Le quiz se passe d’application : il tient entièrement dans des blocs de l’éditeur de thème.

• Blocs Question — le texte de la question et ses réponses, séparées par des virgules.
• La carte résultat — des réglages de section pour le titre, le texte, le libellé du bouton et la collection liée.

C’est un parcours guidé plutôt qu’un diagnostic : le visiteur répond à chaque question et tous les parcours aboutissent à la même carte résultat, qui l’envoie vers la collection choisie — une routine de départ, vos meilleures ventes ou l’une de vos collections de besoins. Les champs laissés vides reprennent les textes par défaut traduits.

5. Créateur de coffret

Pointez la section vers une collection, réglez le nombre d’emplacements (trois par défaut) et la remise affichée. L’acheteur remplit les emplacements depuis la collection, et un geste ajoute tout au panier en lignes séparées.

La remise elle-même est à créer chez Shopify. Le créateur remplit le panier ; la réduction s’applique au paiement quelle que soit la façon dont il a été rempli. Dans votre admin : Réductions → Créer une réduction → Montant sur des produits, méthode Automatique, quantité minimale égale au nombre d’emplacements, au pourcentage que la section affiche. Une seule réduction automatique — aucun code côté thème.

6. Tiroir panier

Sous Paramètres du thème → Panier :

• Type de panier — tiroir ou page. Le tiroir se redessine après chaque ajout, sans recharger la page.
• Seuil de livraison offerte — un nombre entier dans la devise de la boutique. Il doit correspondre à vos vraies règles d’expédition — la barre est un affichage, pas une règle : si Shopify facture encore la livraison à ce montant, la barre a promis ce que le paiement ne tiendra pas. Mettez 0 pour masquer la barre.
• Activer les notes de commande — un champ de note dans le tiroir et sur la page panier.

7. Liste d’envies & pages prêtes à l’emploi

La liste d’envies se passe d’application et de compte client : un cœur sur chaque carte et chaque fiche enregistre dans le navigateur du visiteur (localStorage), et l’en-tête affiche le compteur. Pour lui donner une adresse : Boutique en ligne → Pages → Ajouter une page, gabarit wishlist, puis un lien dans vos menus — la page liste les produits enregistrés.

Le thème livre quatre autres gabarits de page de la même façon : about (la page mission), brands (le répertoire), faq (un accordéon nourri par les blocs de la section) et contact (un formulaire complet sur le point de contact de Shopify). Créez une page, choisissez le gabarit, remplissez les sections dans l’éditeur.

8. Recherche, Markets, icônes de paiement, prix unitaires, compte client

Ajoutés en 1.1 et 1.2, ces éléments fonctionnent dès l’installation du thème ; les réglages ci-dessous sont les seuls à connaître.

• Recherche prédictive — des suggestions de produits, de collections et de pages apparaissent pendant la frappe, avec navigation aux flèches et un lien « Voir tous les résultats ». Sans JavaScript, le formulaire de recherche simple fonctionne toujours.
• Sélecteurs Shopify Markets — les sélecteurs de pays/région et de langue sont dans le pied de page (activés par défaut) et, au choix, dans l’en-tête ; ils apparaissent dès que votre boutique publie plus d’une langue ou expédie vers plus d’un marché.
• Icônes des moyens de paiement — le pied de page affiche les moyens de paiement activés dans votre boutique ; désactivez-les dans les réglages du pied de page si vous préférez.
• Prix unitaire — renseigné sur la variante dans Shopify (par exemple 12,40 € / 100 ml), il s’affiche sur les cartes produit, la page produit (mis à jour au changement de variante), le tiroir panier et la page panier.
• Compte client — l’icône de compte de l’en-tête est le composant de compte de Shopify, sur ordinateur et mobile : le client se connecte avec Shop, un code par e-mail ou les connexions sociales que vous activez, et retrouve ses commandes et son profil sans quitter la boutique. Son menu se règle dans En-tête → Menu du compte client.
• Page liste d’envies — En-tête → Page liste d’envies indique au cœur où renvoyer ; sans choix, il cherche la page dont le handle est wishlist, et se masque quand ni l’une ni l’autre n’existe.
• Taxes et quantités — « Taxes incluses. » apparaît sous le prix, dans le tiroir panier et sur la page panier quand vos prix incluent la taxe ; les quantités se saisissent directement dans le tiroir et sur la page panier. L’e-mail de contact de la boutique peut remplir automatiquement la page contact et le bloc de texte du pied de page.

9. Langues

L’interface est livrée en anglais par défaut avec une traduction française complète — boutique et éditeur de thème : un marchand francophone règle le thème en français. Pour vendre en français : Paramètres → Langues → Ajouter une langue → Français, puis publiez-la. La boutique suit la langue de l’URL où se trouve le visiteur.

Le bandeau d’annonce peut afficher le pays et la devise de Shopify, et le pied de page porte le sélecteur de langue dès que la boutique publie plus d’une langue. Toute autre langue s’ajoute par le système de traduction standard de Shopify — chaque texte visible du thème est traduisible.