ÉDITION 006DOCUMENTATION
Volt
Guide de mise en route
L’essentiel de ce thème s’installe en dix minutes. Deux étapes demandent du soin : les métachamps volt, qui donnent à chaque canette sa couleur, et le quiz des saveurs, que vous assemblez à partir de blocs dans l’éditeur de thème. 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
volt.zip— le fichier intérieur du paquet que vous avez téléchargé, pas le paquet entier. - Il apparaît dans votre bibliothèque sous le nom VOLT, 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 certainement importé le paquet extérieur. Décompressez-le d’abord.
Pendant que vous y êtes : Boutique en ligne → Pages → Ajouter une page,
nommez-la Contact et choisissez le gabarit contact — le thème
est livré avec une page de contact complète, dont le formulaire repose sur le point
d’accès de contact propre à Shopify.
2. Couleurs, style pop, typographie
Trois groupes dans Paramètres du thème façonnent tout l’aspect :
- Couleurs — fond, encre (texte et bordures), accent, surfaces. La couleur d’encre fait double emploi : elle dessine les bordures épaisses autant que le texte, gardez-la donc sombre contre le fond.
- Style pop — les bordures marquées et les ombres dures qui définissent l’allure de VOLT :
Border width,Corner radiusetPop shadow offset. Mettez le décalage à 0 pour une vitrine plus plate, plus calme. - Typographie — le thème est livré avec Anton pour les titres et Space Grotesk pour le texte, auto-hébergées sous licence SIL Open Font License : aucune requête vers Google Fonts, aucun consentement à demander. Vous préférez votre propre association ? Passez
Fontsen personnalisé et choisissez n’importe quelle police Shopify, puis ajustezBase font sizeetHeading scale.
Une chose que les réglages de couleur ne contrôlent pas : la couleur de chaque saveur. Elle vient d’un métachamp produit — section suivante — pour qu’une canette garde sa couleur partout où elle apparaît.
3. Métachamps — une couleur par saveur
Trois métachamps produit sous l’espace de noms volt
pilotent la mécanique des saveurs. Créez chacun sous
Paramètres → Données personnalisées → Produits → Ajouter une définition,
espace de noms volt, puis la clé du tableau. Sous
Vitrines, vérifiez que Les vitrines peuvent lire ce
métachamp est activé — sans cela, le thème ne voit pas la valeur et
se rabat en silence.
| Clé | Type | Rôle |
|---|---|---|
flavor_color | Couleur | La couleur de la saveur — utilisée pour la canette de la bannière, sur les cartes produit, dans le créateur de packs et sur les pastilles de saveurs sœurs. |
flavor_siblings | Produit (liste) | Les saveurs sœurs de ce produit. La page produit affiche une pastille par sœur, chacune dans sa couleur. |
price_per_can | Décimal | Le prix par canette. Une fois renseigné, la page produit l’imprime selon la chaîne de format des réglages de la section produit (ex. « $2.50 / canette »). |
Renseignez d’abord flavor_color sur chaque saveur — c’est celui
que lisent la bannière de la page d’accueil et le créateur de packs. Un produit qui en est dépourvu
se rabat sur la couleur d’accent du thème plutôt que de casser.
Pour flavor_siblings, listez sur chaque produit les autres saveurs,
dans l’ordre où vous voulez voir apparaître les pastilles. Il n’y a pas de
réciprocité automatique : réglez-le sur chaque saveur sœur.
4. Le quiz des saveurs
Le quiz est réel et ne demande aucune application : il repose entièrement sur des blocs que vous ajoutez dans l’éditeur de thème. Deux types de blocs :
- Question — le texte de la question plus jusqu’à quatre réponses. Chaque réponse porte un mot de profil (par exemple
sucré,acidulé,rond) — c’est le score qu’elle attribue. - Résultat — un par profil : le mot de profil auquel il répond, un titre, un court texte et le produit lié qu’il recommande.
Le visiteur répond à chaque question ; le profil le plus souvent nommé l’emporte, et sa carte Résultat s’affiche avec le produit lié. Gardez les mots de profil identiques entre réponses et résultats — ils sont comparés en texte brut, et une faute de frappe fait un profil qui ne peut jamais gagner.
Les réglages de section couvrent le titre, les libellés de démarrage et de recommencement et un identifiant d’ancre, pour qu’un bouton « Faire le quiz » n’importe où sur la page puisse pointer droit dessus.
5. Créateur de packs
Pointez la section vers une collection — chaque produit qu’elle contient
est une saveur (les huit premiers sont affichés, la canette dessinée dans son
flavor_color). Ajoutez ensuite un bloc Taille de pack
par pack que vous vendez : 6, 12, 24. L’acheteur choisit une taille, remplit le
pack, et un seul geste ajoute chaque canette au panier en lignes séparées.
Le prix dégressif, c’est à vous de le créer. Le créateur remplit le panier ; la réduction vient de Shopify, elle s’applique donc au paiement quelle que soit la façon dont le panier a été rempli. Dans votre admin : Réductions → Créer une réduction → Montant de réduction sur les produits, méthode Automatique, avec une quantité minimale correspondant à votre taille de pack. Une réduction automatique par palier de pack, et c’est toute la mise en place — aucun code côté thème.
6. Abonnements
VOLT s’appuie sur les plans de vente Shopify, le mécanisme d’abonnement propre à la plateforme : il fonctionne donc avec toute application qui les utilise — Shopify Subscriptions, Recharge, Seal, Appstle — et rien n’est lié à un fournisseur.
Installez votre application, créez un groupe de plans de vente, rattachez-y des produits. Il n’y a rien à configurer dans le thème. Sur tout produit doté de plans, la zone d’achat affiche le sélecteur d’abonnement : achat unique au prix normal, puis une ligne par fréquence au prix du plan. Sans application, le sélecteur n’apparaît simplement jamais et les produits se vendent en achat unique.
7. Panier en tiroir — les deux seuils
La barre de progression du tiroir a deux lignes d’arrivée, toutes deux sous Paramètres du thème → Panier :
Free shipping threshold— un nombre entier dans la devise de votre boutique, sans centimes (par exemple39). Il doit correspondre à vos vrais réglages d’expédition — la barre est un affichage, pas une règle : si Shopify facture encore la livraison à ce montant, la barre a promis quelque chose que le paiement ne tiendra pas.Gift unlock threshold— le second palier, facultatif (par exemple50), avec son propre libellé. Mettez-le à0pour désactiver le palier. Le cadeau lui-même, c’est à vous de l’ajouter — une réduction cadeau ou une application ; le thème annonce le palier, il n’ajoute pas de produits.
Le même groupe contient la vente additionnelle du panier : choisissez une collection et le tiroir suggère ses premiers produits qui ne sont pas déjà dans le panier.
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 où se trouve le
visiteur.
Le pied de page intègre des sélecteurs de langue et de pays/devise
(les formulaires de localisation propres à Shopify). Activez-les dans les réglages du
pied de page — Show language selector et Show
country/currency selector — et ils apparaissent dès que votre boutique
publie plus d’une langue ou expédie vers plus d’un marché.
Avec une seule langue et un seul marché, ils restent masqués, à dessein.
Toute autre langue s’ajoute par le système de traduction standard de Shopify — chaque chaîne visible par le client dans le thème est traduisible.