Démarrage
Guide de configuration
Les étapes dans le bon ordre, de la première ouverture de l’éditeur à la mise en ligne.
Sur cette page
Ce guide suit l’ordre qui fait gagner le plus de temps : les réglages globaux d’abord, parce que chaque section en dépend, puis le cadre (en-tête et pied de page), puis les pages. Comptez une à deux heures pour une première configuration complète.
1. Préparer votre contenu dans l’administration
Le thème affiche vos données Shopify ; il vaut mieux qu’elles existent avant de composer les pages.
- Produits avec leurs photographies, variantes et descriptions. Pour des pastilles de couleur, renseignez les options de couleur avec leurs échantillons.
- Collections, avec une image pour celles qui apparaîtront dans des listes ou dans le méga-menu.
- Menus dans ContenuMenus : le menu principal (
main-menu), celui du pied de page (footer) et, si besoin, un menu légal. Voir Menus et méga-menu. - Pages (À propos, Contact…) dans Boutique en lignePages, et un blog si vous comptez utiliser la section Journal.
- Politiques (remboursement, confidentialité, conditions) dans ParamètresPolitiques.
- Filtres dans l’application Search & Discovery si vos collections doivent être filtrables. Voir Filtres de collection.
2. Fixer votre voix
Faubourg part de son unique style de thème, qui règle d’un coup les polices, la casse, la forme des contrôles et les autres axes. Ouvrez l’éditeur, puis Paramètres du thème (l’icône d’engrenage), et décidez dès maintenant de garder cette voix ou d’en changer : la police des titres et la casse touchent toutes les pages. Voir Style de thème.
3. Régler les paramètres du thème
Dans Paramètres du thème, dans cet ordre :
Couleurs
Ajustez les trois palettes de couleurs livrées ou créez-en d’autres. Chaque section choisit ensuite une palette. Voir Couleurs.
Typographie
Police des titres, police du texte, casse et taille de lecture. Voir Typographie.
Mise en page
Largeur et marge de page, densité, gouttière des grilles. Voir Mise en page.
Boutons et champs
Taille et forme des contrôles, style des champs et des options de produit. Voir Boutons et champs.
Produit
Ce que propose chaque module d’achat : mention des taxes et de la livraison, sélecteur de quantité, boutons de paiement dynamique et barre d’achat sur téléphone. Voir Produit.
Recherche et panier
Réseaux sociaux et favicon
Ajoutez les liens de vos comptes et l’icône d’onglet. Voir Réseaux sociaux et favicon.
4. Construire l’en-tête et le pied de page
Ils apparaissent sur toutes les pages : on les règle une seule fois.
- Barre d’annonce : remplacez les messages d’exemple, ou supprimez la section si vous n’en avez pas besoin.
- En-tête : logo, position du logo, menu, en-tête collant ou transparent.
- Pied de page : colonnes de liens, texte de présentation avec réseaux sociaux, inscription à la newsletter, menu légal.
5. Composer la page d’accueil
La page d’accueil de départ dépend de la façon dont vous avez installé le thème :
- Depuis le Theme Store : dix sections d’exemple, celles de la boutique de démonstration : bandeau principal, collection en vedette, image avec texte, liste de collections, une seconde image avec texte réglée en bannière de campagne, produit en vedette, manifeste, journal, services et newsletter.
- Depuis un fichier .zip : neuf sections d’exemple : bandeau principal, collection en vedette, produit en vedette, manifeste, image avec texte, liste de collections, journal, services et newsletter.
Pour chacune :
- choisissez la ressource (collection, produit, blog) et ajoutez vos images ;
- remplacez les textes d’exemple ;
- supprimez ou masquez celles dont vous n’avez pas besoin.
6. Régler les modèles de page
Dans le sélecteur de page en haut de l’éditeur, ouvrez chaque modèle :
- Produits : l’ordre des blocs et les trois lignes dépliantes, livrées avec un titre et sans texte : une ligne ne s’affiche qu’une fois son texte rédigé, et ce texte apparaît alors sur tous vos produits.
- Collections : en-tête de collection, colonnes, filtres, pagination et fiches produit.
- Liste des collections, Recherche, Panier, Blog, Pages, Contact, 404 et Mot de passe.
7. Vérifier les textes du thème
Certains textes ne sont pas des réglages mais des traductions du thème, comme la mention de taxes sous le prix. Voir Modifier les textes du thème.
Les engagements de service de la page panier sont des blocs Service du modèle Panier. Le thème en livre un seul, « Paiement sécurisé » ; « Livraison offerte », « Échanges et retours gratuits » et « Retrait en boutique » sont des engagements que vous pouvez ajouter, ou choisissez Personnalisé pour écrire les vôtres. N’ajoutez que ceux que vous proposez réellement. Voir Panier.
Avant la mise en ligne
- Le logo et le favicon sont en place.
- Aucune illustration de remplacement ni texte d’exemple ne reste sur la page d’accueil.
- Les lignes dépliantes de la page produit portent votre texte (une ligne sans texte ne s’affiche pas), ou sont supprimées.
- Les engagements de service du panier sont exacts, ou supprimés.
- Les menus de l’en-tête et du pied de page pointent vers les bonnes pages.
- Une collection filtrée, une recherche et un ajout au panier fonctionnent.
- La boutique a été vérifiée sur téléphone.
- Les textes alternatifs des images importantes sont renseignés (ContenuFichiers ou fiche produit).
- Le partage sur les réseaux sociaux affiche une image : Boutique en lignePréférencesImage de partage sur les réseaux sociaux.
Faubourg 1.1.0