ÉDITION 003DOCUMENTATION
Flyer
Guide de mise en route
L’édition gratuite. L’installation prend environ deux minutes, sans code. Le même guide est livré dans votre téléchargement sous le nom INSTALLATION.md.
1. Décompresser le téléchargement
Ce que vous recevez est un paquet, pas le thème lui-même. À l’intérieur :
| Fichier | Ce que c’est |
|---|---|
flyer-theme.zip | Le thème. C’est le fichier que vous importez dans Shopify. |
INSTALLATION.md | Ce guide, hors ligne. |
LICENSE.md | Ce que vous pouvez faire, ou non, avec FLYER. |
CHANGELOG.md | Ce qui a changé dans cette version. |
L’erreur la plus courante est d’importer le zip extérieur. Shopify le refusera — il attend flyer-theme.zip.
2. Importer le thème
- Dans votre admin Shopify : Boutique en ligne → Thèmes.
- Sous Bibliothèque de thèmes : Ajouter un thème → Importer un fichier zip.
- Choisissez
flyer-theme.zip(le fichier intérieur — ne le décompressez pas). - FLYER apparaît dans votre bibliothèque en brouillon.
FLYER est un thème Online Store 2.0 et fonctionne sur tout forfait Shopify à partir de Basic. Aucune application payante, aucune dépendance externe — pas de jQuery, pas de CDN, aucun traçage.
3. Prévisualiser avant de publier
Cliquez sur ⋯ → Aperçu sur la carte FLYER. Rien de ce que voient vos clients ne change tant que vous n’avez pas cliqué sur Publier, prenez donc votre temps. Quand tout vous convient : ⋯ → Publier.
5. Palettes de couleurs — la seule idée à saisir
Vous ne réglez pas les couleurs section par section. Vous définissez une poignée de palettes une fois pour toutes (fond, texte, bouton, libellé du bouton, ombre) sous Paramètres du thème → Couleurs, et chaque section choisit ensuite simplement la palette qu’elle utilise. Modifiez une palette et tout ce qui l’utilise se met à jour d’un coup.
Cinq palettes sont livrées prêtes à l’emploi. Modifiez-les, ou ajoutez les vôtres. Les couleurs du texte secondaire et des bordures sont dérivées de chaque palette, si bien que le contraste reste au-dessus du niveau WCAG AA quelle que soit la palette choisie.
6. Paramètres du thème
130 réglages répartis en 21 groupes, tous sous l’icône d’engrenage en bas de la barre latérale de l’éditeur :
| Groupe | Contenu |
|---|---|
| Logo | Logo, largeur, favicon. |
| Couleurs | Les palettes de couleurs décrites ci-dessus. |
| Typographie | Polices de titres et de texte, tailles, échelle typographique, titres en capitales. |
| Mise en page | Largeur de page, marges, espacement entre les sections, gouttières de grille. |
| Boutons · Pastilles de variante · Champs | Rayon des coins, épaisseur et opacité des bordures, ombres. |
| Cartes produit · collection · blog | Style carte ou standard, ratio d’image, alignement du texte, bordures, ombres, palette de couleurs. |
| Badges | Étiquettes promo et rupture de stock, position sur la carte, rayon des coins. |
| Conteneurs de contenu · Médias · Pop-ups · Tiroirs | Surfaces partagées : bordures, rayon, ombres. |
| Animations | Apparition des sections au défilement, effet au survol. |
| Panier | Tiroir ou page, note de commande, vendeur, collection affichée dans un panier vide. |
| Recherche · Réseaux sociaux · Format de devise · Informations de marque | Recherche prédictive, liens sociaux, affichage des prix, et un titre de marque avec image, prêts à placer dans le pied de page. |
7. Sections
Cliquez sur Ajouter une section sur n’importe quel gabarit. FLYER est livré avec 23 sections, chacune avec un préréglage prêt :
- Vitrine — diaporama, bannière image, image avec texte, collage, multi-rangées, multi-colonnes, vidéo.
- Commerce — collection mise en avant, liste de collections, produit mis en avant, liste de commande rapide.
- Contenu — texte enrichi, contenu de page, contenu repliable (FAQ), blog mis en avant, formulaire de contact.
- Utilitaires — barre d’annonce, newsletter, bannière d’inscription e-mail, sélecteurs de pays et de langue, Liquid personnalisé, conteneur d’application.
La section Liquid personnalisé n’est pas vérifiée par le thème : une erreur de syntaxe peut y casser la page, prévisualisez donc avant de publier.
8. Gabarits de page
Produit, collection, liste de collections, blog, article, recherche, panier, 404, mot de passe, carte cadeau et tout l’espace client sont inclus et ne demandent aucun réglage.
Un gabarit s’attribue à la main, dans Boutique en ligne → Pages (liste déroulante « Modèle » à droite) :
| Page à créer | Gabarit à attribuer |
|---|---|
| Contact | page.contact |
Les politiques de la boutique (remboursement, confidentialité, conditions) s’écrivent une fois dans Paramètres → Politiques et Shopify
les affiche automatiquement sous /policies/…, entre l’en-tête et le pied de page du thème. Pour une page légale
que vous voulez dans le menu — conditions de vente, mentions légales — créez simplement une page ordinaire : le gabarit par défaut
la compose déjà dans la même colonne de lecture centrée.
9. Panier
- Paramètres du thème → Panier — tiroir latéral ou page dédiée.
- Note de commande — permet aux clients de laisser un message avec leur commande.
- Panier vide — choisissez une collection à afficher quand le panier ne contient rien.
10. Page produit
- Boutons de paiement express — Apple Pay, Google Pay et Shop Pay, pour qu’un acheteur puisse payer en un geste. L’interrupteur est Afficher les boutons de paiement dynamiques, dans le bloc Boutons d’achat de la section produit. Ils viennent de Shopify : ils n’apparaissent qu’une fois les paiements accélérés activés dans Paramètres → Paiements → Shopify Payments → Gérer → Portefeuilles, et chaque visiteur ne voit que ce que son appareil prend en charge.
- Shop Pay Installments — la mention « payer en plusieurs fois » sous le prix apparaît d’elle-même quand votre boutique y est éligible. Rien à activer dans le thème.
- Prix unitaire — pour tout ce qui se vend au poids, au volume ou à la longueur, le prix par unité s’affiche sur la page produit et sur les cartes produit. Il n’apparaît qu’une fois une unité de mesure définie sur la variante, dans le bloc de tarification du produit, et il suit la variante sélectionnée. Obligatoire dans l’UE en vertu de la directive 98/6/CE.
- Recommandations — la section Produits associés a un réglage Type de recommandation : Associés choisit les produits automatiquement, Complémentaires affiche ceux que vous associez à la main dans l’application gratuite Search & Discovery. Ajoutez la section deux fois pour afficher les deux rangées. Elle ne peut être ajoutée que sur le gabarit produit.
11. Bon à savoir
- Fonctionne sans JavaScript — ajout au panier, choix de variante, filtres, recherche et panier continuent de fonctionner si les scripts ne se chargent pas.
- Anglais seulement — FLYER est livré avec un contenu de thème en anglais. Toute autre langue passe par le système standard de Shopify : Paramètres → Langues → Ajouter une langue, puis Boutique en ligne → Thèmes → ⋯ → Modifier le contenu du thème par défaut. Il vous faut le français d’emblée ? Lumiere est gratuit lui aussi et livré en EN + FR.
- Logos de paiement — le pied de page peut afficher les moyens de paiement que votre boutique accepte réellement. Activez Afficher les icônes de paiement sur la section pied de page ; les logos viennent de Shopify, la rangée reflète donc ce qui est activé dans Paramètres → Paiements.
- Mises à jour — la version que vous téléchargez reste à vous. Les nouvelles versions sont annoncées par e-mail ; la mise à niveau reste toujours votre décision.