Changer de thème Shopify ne supprime normalement pas les produits, collections, commandes, clients, pages ou articles stockés dans l’administration. En revanche, la mise en page, les réglages du thème, certaines sections, les modèles alternatifs, le code personnalisé et des blocs d’applications doivent être reconfigurés ou testés. Préparez le nouveau thème en brouillon et gardez l’ancien disponible pour revenir en arrière.
Le changement est donc moins une migration de données qu’une migration de présentation et d’intégrations. Une checklist précise évite les mauvaises surprises et protège le référencement.
Ce que Shopify conserve lors d’un changement de thème
Les ressources gérées au niveau de la boutique restent généralement disponibles :
- produits et variantes ;
- collections ;
- clients et commandes ;
- pages ;
- articles de blog ;
- menus de navigation ;
- domaines ;
- fichiers téléversés ;
- métachamps et métaobjets ;
- paramètres de paiement et livraison ;
- applications installées.
Le nouveau thème peut lire ces données, mais il ne sait pas automatiquement comment reproduire chaque composition de l’ancien. Un menu reste présent ; son affichage et le réglage qui le sélectionne peuvent changer. Un métachamp reste présent ; il faut reconnecter sa source dynamique au bon bloc.
Pour comprendre cette séparation, lisez qu’est-ce qu’un thème Shopify.
Ce qui n’est pas repris automatiquement
Les éléments stockés dans les réglages du thème ou son code demandent une attention particulière :
- composition de la page d’accueil ;
- ordre et configuration des sections ;
- palettes et typographies ;
- réglages du header et du footer ;
- modèles JSON alternatifs ;
- attributions de certains modèles ;
- textes saisis directement dans une section ;
- CSS personnalisé ;
- fichiers Liquid, CSS et JavaScript modifiés ;
- snippets ajoutés ;
- traductions propres au thème ;
- blocs d’applications dans les modèles ;
- pixels ou scripts ajoutés manuellement.
Le changement doit donc commencer par un inventaire. Comparez l’ancien thème, le nouveau et les besoins actuels. Ne reproduisez pas automatiquement chaque personnalisation : certaines sont devenues inutiles ou ont désormais un équivalent natif.
Étape 1 : définir pourquoi vous changez de thème
Un objectif clair facilite toutes les décisions. Exemples :
- améliorer l’expérience mobile ;
- réduire la dépendance aux applications ;
- rendre les pages éditables par l’équipe ;
- moderniser l’identité ;
- mieux présenter un grand catalogue ;
- améliorer les performances ;
- obtenir des modèles adaptés à un nouveau marché ;
- remplacer un thème non maintenu.
Associez chaque objectif à une mesure ou une recette. « Plus moderne » est subjectif. « Réduire le temps nécessaire pour créer une page campagne de deux jours à deux heures » ou « rendre le guide des tailles accessible depuis le sélecteur » peut être vérifié.
Si le problème vient de quelques composants, une modification du thème Shopify peut coûter moins cher qu’un changement complet.
Étape 2 : inventorier l’ancien thème
Parcourez chaque modèle et notez :
| Zone | Élément à relever |
|---|---|
| Global | Couleurs, polices, boutons, largeur, icônes |
| Header | Menus, recherche, annonce, langues, compte |
| Accueil | Sections, ordre, sources et réglages |
| Produit | Blocs, variantes, guide, apps, réassurance |
| Collection | Filtres, cartes, texte, tri |
| Contenu | Pages, articles, formulaires |
| Panier | Notes, recommandations, messages |
| Footer | Menus, contact, légal, newsletter |
| Code | Fichiers modifiés, scripts et snippets |
Ajoutez des captures sur mobile et ordinateur. Exportez la liste des applications et demandez à chaque responsable si elle reste nécessaire. Relevez les événements analytics et pixels afin de pouvoir les comparer après publication.
Cette étape permet aussi de supprimer la dette : blocs non utilisés, anciennes campagnes, scripts d’outils supprimés et modèles dupliqués.
Étape 3 : ajouter le nouveau thème en brouillon
Shopify permet d’ajouter, prévisualiser et essayer des thèmes dans la bibliothèque, avec un seul thème publié à la fois. L’ancien thème reste disponible lorsque vous en publiez un nouveau.
Ajoutez le candidat sans le publier. Si le thème est payant, utilisez les possibilités d’aperçu avant achat et vérifiez les conditions. Chargez vos contenus réels dès que possible.
N’utilisez pas le nouveau thème comme une page blanche. Reprenez l’architecture validée du catalogue et reconstruisez selon les objectifs, pas selon l’ordre de la démonstration.
Étape 4 : reconfigurer les réglages globaux
Commencez par les fondations :
- logo et favicon ;
- palettes de couleurs ;
- typographies et tailles ;
- styles de boutons ;
- largeur et espacement ;
- cartes produit ;
- formulaires ;
- réseaux sociaux ;
- panier ;
- préférences de recherche.
Utilisez les réglages du nouveau thème au lieu de copier immédiatement l’ancien CSS. Une fonction native sera généralement plus simple à maintenir. Vérifiez le contraste, les états de focus et les textes longs dans toutes les palettes.
Le guide personnaliser Shopify sans coder fournit une méthode de configuration cohérente.
Étape 5 : reconstruire les modèles
Listez les modèles réellement utilisés puis recréez leur structure avec les sections du nouveau thème. Les templates Shopify déterminent ce qui est rendu pour chaque type de page et peuvent exister en plusieurs variantes.
Pour chaque modèle produit, collection, page ou article :
- identifier les ressources qui l’utilisent ;
- noter l’ordre des informations ;
- trouver les composants équivalents ;
- reconnecter les sources dynamiques ;
- ajouter les blocs d’applications ;
- tester une ressource normale et un cas limite ;
- attribuer le modèle aux bonnes ressources.
Évitez de recréer tous les modèles historiques. Conservez uniquement ceux qui correspondent à une structure métier distincte.
Étape 6 : reconnecter métachamps et contenus dynamiques
Les métachamps restent dans la boutique, mais les sections du nouveau thème ne sont pas automatiquement reliées. Ouvrez chaque modèle et reconnectez les sources : matière, guide, délai, documentation, dimensions ou autres données.
Vérifiez le type accepté par le réglage. Un champ de texte enrichi ne peut pas toujours alimenter un réglage de texte simple. Si le nouveau thème propose un composant différent, définissez une règle de transformation ou changez la présentation sans dupliquer les données.
Testez les valeurs vides et les produits qui utilisent une ancienne structure. Une section doit disparaître proprement lorsqu’une donnée facultative manque.
Étape 7 : vérifier les applications
Une application installée n’affiche pas forcément son bloc dans le nouveau thème. Ajoutez les blocs nécessaires aux modèles et vérifiez les app embeds dans les réglages.
Pour chaque application :
- confirmer qu’elle reste utile ;
- vérifier le bloc ou script attendu ;
- tester l’état connecté et déconnecté ;
- contrôler la langue ;
- mesurer l’effet sur la vitesse ;
- vérifier les événements ;
- documenter son emplacement.
Les avis, abonnements, guides, recommandations, recherche, consentement et support sont souvent concernés. Ne republiez pas avant d’avoir testé les scénarios principaux.
Étape 8 : reprendre le code personnalisé avec sélection
Comparez les fichiers de l’ancien thème et demandez pour chaque personnalisation :
- le besoin existe-t-il encore ?
- le nouveau thème le couvre-t-il nativement ?
- une section indépendante est-elle possible ?
- le code dépend-il de classes ou structures de l’ancien thème ?
- quel test prouve qu’il fonctionne ?
Ne copiez pas un fichier entier de l’ancien thème dans le nouveau. Vous écraseriez ses composants et compromettriez les mises à jour. Portez le comportement, pas le fichier.
Le guide modifier le code Liquid d’un thème Shopify explique comment limiter et versionner cette reprise.
Étape 9 : protéger le SEO
Un changement de thème ne devrait pas changer les URLs des produits, collections, pages et articles. Si vous profitez du projet pour modifier l’architecture ou les handles, préparez des redirections URL par URL.
Contrôlez :
- title et meta description ;
- canonical ;
- hiérarchie des titres ;
- texte de collection ;
- liens internes et menus ;
- textes alternatifs ;
- données structurées produit ;
- pagination et filtres ;
- sitemap et robots ;
- pages d’erreur ;
- rendu mobile ;
- contenu présent dans le HTML.
Comparez le code rendu et l’indexation après publication. Notre guide SEO Shopify au Maroc détaille les contrôles. Pour une refonte ou migration plus large, la page migration vers Shopify explique le plan de redirections.
Étape 10 : comparer la performance
Mesurez l’ancien et le nouveau thème sur les mêmes pages, avec les mêmes applications et contenus. Sinon, la comparaison n’a pas de sens.
Testez l’accueil, une collection, un produit et le panier sur mobile. Regardez notamment :
- temps de réponse ;
- Largest Contentful Paint ;
- Cumulative Layout Shift ;
- Interaction to Next Paint ;
- poids des images ;
- JavaScript tiers ;
- polices ;
- ressources chargées mais inutilisées.
Une démonstration vide peut sembler rapide alors que le thème réel charge des recommandations, avis, pixels et variantes. Utilisez optimiser la vitesse d’un thème Shopify pour établir une base reproductible.
Étape 11 : réaliser une recette complète
Testez au minimum :
Navigation
- menus ordinateur et mobile ;
- recherche ;
- filtres et tri ;
- liens de footer ;
- retour arrière ;
- langues et devises.
Produit et panier
- variantes disponibles et épuisées ;
- prix normal et promotion ;
- guide des tailles ;
- quantité ;
- ajout au panier ;
- panier vide et rempli ;
- code de réduction ;
- passage au checkout.
Contenu et acquisition
- formulaires ;
- newsletter ;
- avis ;
- pixels et analytics ;
- consentement ;
- partage social ;
- pages légales ;
- erreurs 404.
Utilisez plusieurs appareils et réseaux. Demandez à une personne qui n’a pas participé au projet de suivre la recette : elle détectera des suppositions invisibles pour l’équipe.
Étape 12 : publier avec un retour arrière
Avant publication :
- figer la version validée ;
- terminer une commande de test ;
- noter l’ancien thème ;
- vérifier les accès et responsables ;
- choisir un créneau surveillé ;
- préparer les contrôles immédiats.
Publiez, puis testez le domaine public. Si l’achat, la navigation ou une intégration critique échoue, republiez l’ancien thème. Corrigez sur le brouillon et recommencez la validation.
Surveillez les erreurs, formulaires, commandes, taux d’ajout au panier et abandon dans les jours suivants. Une absence de plainte n’est pas une preuve de réussite.
Le contenu est-il vraiment protégé ?
Les produits et pages restent, mais les textes saisis directement dans les sections de l’ancien thème peuvent ne pas être visibles dans le nouveau. Copiez ou reformulez ces contenus dans les nouvelles sections. Pour les contenus importants et réutilisables, privilégiez pages, métachamps et métaobjets plutôt que des champs enfermés dans une seule composition.
Les images de la bibliothèque restent généralement disponibles. Leur cadrage peut toutefois changer avec les ratios du nouveau thème. Contrôlez les visuels clés plutôt que de supposer qu’un même fichier convient à toutes les galeries.
Les erreurs fréquentes
- Publier le thème juste après son installation.
- Reproduire la démonstration au lieu du parcours réel.
- Oublier les blocs d’applications.
- Copier tout le CSS et Liquid de l’ancien thème.
- Ne pas reconnecter les métachamps.
- Modifier les URLs sans redirections.
- Tester uniquement l’accueil.
- Comparer les performances avec des contenus différents.
- Ne pas vérifier les événements analytics.
- Supprimer l’ancien thème trop tôt.
- Ne pas former l’équipe au nouvel éditeur.
Questions fréquentes
Vais-je perdre mes produits en changeant de thème ?
Non, les produits appartiennent à la boutique. Vous devez toutefois vérifier leur présentation, leurs modèles, métachamps, images et blocs d’applications.
Les menus sont-ils conservés ?
Les menus restent disponibles, mais le nouveau header et footer doivent être configurés pour utiliser les bons menus.
Les applications continuent-elles à fonctionner ?
Elles restent installées, mais leurs blocs ou intégrations visuelles peuvent devoir être ajoutés au nouveau thème. Testez chacune.
Peut-on revenir à l’ancien thème ?
Oui s’il reste dans la bibliothèque. Gardez-le intact jusqu’à la stabilisation du nouveau thème.
Changer de thème fait-il perdre le SEO ?
Pas nécessairement. Le risque vient des URLs, du contenu, des liens, des balises, des données structurées et de la performance. Comparez ces éléments avant et après.
Ce qu’il faut retenir
Le catalogue et les commandes restent dans Shopify ; la présentation et ses intégrations doivent être reconstruites et testées. Traitez le changement de thème comme une petite migration : inventaire, brouillon, modèles, applications, SEO, recette, publication surveillée et retour arrière.
Pour sécuriser une refonte, consultez notre offre de refonte Shopify orientée conversion, l’Agence Shopify Next Digits, ou demandez un audit.