Sur votre dev store créé au guide 4, vous allez recréer l'esprit d'Atelier Lumière, la boutique de bougies artisanales du parcours Shopify : les bases, mais cette fois pour y développer une vraie personnalisation de thème, guide après guide, jusqu'au guide 16 de ce parcours.

Créer un nouveau projet de thème

Ouvrez un terminal, placez-vous dans un dossier où vous avez le droit d'écrire, puis lancez :

npx shopify theme init atelier-lumiere-theme

Sans autre précision, cette commande télécharge le thème Skeleton, une base minimale et propre publiée officiellement par Shopify, pensée précisément comme point de départ pour un développement sur mesure. Un dossier atelier-lumiere-theme est créé, avec l'ensemble des fichiers nécessaires à un thème fonctionnel, mais volontairement dépouillé de toute mise en forme élaborée : à vous de la construire, section par section, dans les prochains guides.

Pourquoi ne pas partir de Dawn ou Horizon

Vous croiserez souvent les noms Dawn (l'ancien thème de référence de Shopify) et Horizon (son successeur, qui introduit un nouveau système de theme blocks). Ces deux thèmes restent d'excellentes références à consulter pour comprendre des techniques avancées, mais un thème Skeleton, plus minimal, permet de mieux voir l'effet exact de chaque fichier que vous ajoutez vous-même, sans le bruit d'une mise en forme déjà élaborée. C'est un choix pédagogique pour ce parcours, pas une règle universelle.

Un premier coup d'œil au dossier créé

Ouvrez le dossier atelier-lumiere-theme dans votre éditeur de code. Vous devez y voir plusieurs dossiers, dont layout, templates, sections, et assets. Ne cherchez pas encore à comprendre chacun en détail : le guide 8 de ce parcours leur est entièrement consacré. Pour l'instant, retenez simplement qu'un thème Shopify est un ensemble de fichiers organisés selon une structure précise et prévisible, pas un unique gros fichier.

Lier ce projet à votre dev store

Depuis ce dossier, dans votre terminal, vous êtes maintenant prêt à connecter ce thème à votre dev store, créé au guide 4. C'est exactement ce que fera la commande shopify theme dev, présentée dès le prochain guide de ce parcours : elle vous demandera de choisir ou de confirmer la boutique cible, en s'appuyant sur le contexte vu au guide précédent.

Comment vérifier que le projet est bien créé

Depuis votre terminal, dans le dossier atelier-lumiere-theme, une commande comme dir (ou ls sur macOS et Linux) doit lister les dossiers et fichiers de base d'un thème Shopify. Si ce dossier est vide ou introuvable, revérifiez que la commande shopify theme init s'est bien terminée sans erreur, et que vous êtes bien positionné dans le bon dossier parent.

Vérifiez que vous avez compris

Vous venez de créer ce projet de thème local avec shopify theme init. Ce thème est-il déjà visible sur votre dev store à ce stade ?

Non, pas encore. Le thème n'existe pour l'instant que sur votre ordinateur, dans le dossier que vous venez de créer. Il ne sera envoyé et rendu visible sur votre dev store qu'au moment où vous lancerez un serveur de développement ou une commande de publication, ce que vous découvrirez dès le prochain guide.

Chapitre terminé