Vous avez installé un thème au guide précédent. Ouvrez maintenant Boutique en ligne > Thèmes, repérez ce thème, et cliquez sur Personnaliser. Vous entrez dans l'éditeur visuel de thème, l'outil que vous allez utiliser pour donner à Atelier Lumière son apparence définitive.

Comprendre ce que vous avez sous les yeux

L'éditeur affiche un grand aperçu de votre boutique au centre, et une colonne latérale qui liste le contenu de la page actuellement affichée. Cette page se construit à partir de sections empilées les unes sous les autres : un en-tête, une grande image de mise en avant, une sélection de produits, un pied de page. Chaque section peut elle-même contenir des blocs, des éléments plus petits à l'intérieur, comme un titre, un bouton, ou une image individuelle.

Cliquez sur n'importe quelle section dans la colonne latérale, ou directement sur son emplacement dans l'aperçu : ses réglages s'affichent, et l'aperçu se met à jour immédiatement à chaque changement, sans jamais toucher à un fichier ni écrire une ligne de code.

Modifier la page d'accueil d'Atelier Lumière

Sur la page d'accueil, repérez la section de mise en avant en haut de page, souvent une grande image avec un titre. Remplacez l'image par défaut par une photo qui représente bien Atelier Lumière, et ajustez le titre pour qu'il présente clairement votre activité, par exemple « Des bougies façonnées à la main, pensées pour ralentir ». Ajoutez ensuite une section qui affiche une sélection de produits, et choisissez-y Bougie Cèdre : c'est souvent l'une des toutes premières choses qu'un visiteur verra en arrivant sur votre boutique.

Réorganisez l'ordre des sections par glisser-déposer si l'ordre par défaut ne vous convient pas : rien n'oblige à garder la structure proposée par le thème telle quelle.

Vérifier le rendu sur mobile

Une part importante de vos visiteurs arrivera depuis un téléphone. L'éditeur propose un bouton pour basculer l'aperçu en affichage mobile, sans quitter l'éditeur ni changer quoi que ce soit à votre configuration. Activez-le, et repassez en revue les modifications que vous venez de faire : un titre qui semblait bien équilibré en version ordinateur peut paraître trop long ou mal cadré une fois réduit à la largeur d'un téléphone. Ajustez si nécessaire, puis revenez à l'affichage ordinateur pour continuer.

Bon réflexe

Ne considérez jamais une modification comme terminée avant de l'avoir vérifiée à la fois en version ordinateur et en version mobile. Les deux affichages ne se comportent pas toujours de la même façon, en particulier pour les images larges et les titres longs.

Ce qui est visible, et ce qui ne l'est pas encore

Tant que vous travaillez dans l'éditeur sans avoir explicitement publié ce thème, ces modifications restent invisibles pour vos visiteurs si un autre thème est actuellement publié à sa place. Vous pouvez donc essayer, annuler, recommencer, sans aucun risque pour la boutique publique existante. Ce point sera détaillé plus précisément au guide 14 de ce parcours, consacré à la sauvegarde d'un thème avant une grosse modification.

Ce que vous devriez voir

Dans l'aperçu de l'éditeur, la page d'accueil doit maintenant afficher votre image de mise en avant, votre titre personnalisé, et la fiche de Bougie Cèdre présentée dans une section produit. En basculant sur l'aperçu mobile, ces mêmes éléments doivent rester lisibles, sans texte coupé ni image déformée.

Vérifiez que vous avez compris

Vous avez modifié la page d'accueil dans l'éditeur de thème, mais vous n'avez encore cliqué sur aucun bouton de publication. Un visiteur qui arrive sur Atelier Lumière en ce moment verra-t-il vos modifications ?

Cela dépend uniquement du thème actuellement publié. Si vous personnalisez un thème qui n'est pas encore le thème publié de la boutique, vos modifications restent invisibles pour les visiteurs, même si elles sont bien enregistrées dans l'éditeur. C'est justement ce qui vous permet de travailler sereinement, sans craindre d'exposer une page à moitié terminée.

Chapitre terminé