Retour au blog Desarrollo Shopify

Copier sections et blocs Shopify : réutiliser les mises en page

Sur Shopify, les options de duplication et de copie de l’éditeur permettent de réutiliser une partie du design. Leur périmètre dépend du thème, de sa version et du type de bloc. Avant de copier une composition, déterminez si vous voulez la répéter sur une page, créer un autre modèle ou afficher les mêmes composants avec des données différentes.
Copiar secciones y bloques en Shopify: cómo reutilizar diseños

Sur Shopify, les options de duplication et de copie de l’éditeur permettent de réutiliser une partie du design. Leur périmètre dépend du thème, de sa version et du type de bloc. Avant de copier une composition, déterminez si vous voulez la répéter sur une page, créer un autre modèle ou afficher les mêmes composants avec des données différentes.

Cette distinction évite une erreur fréquente : modifier un modèle partagé en pensant ne changer qu’un produit. Bien réutiliser ne consiste pas seulement à gagner des clics, mais à garder une boutique que l’équipe peut modifier sans surprise.

Section, bloc et modèle : que copiez-vous ?

Une section organise une partie de la page ; elle peut contenir des blocs de texte, d’image, de boutons et d’autres composants. Le modèle définit les sections d’une vue, comme une fiche produit ou une page. Le thème détermine les options compatibles. Shopify décrit cette structure dans sa documentation des sections et blocs.

Votre objectifCe qu’il faut vérifier
Répéter un bloc dans une compositionPossibilité de duplication et nombre de blocs autorisé dans la section.
Réutiliser un bloc dans une autre sectionAcceptation de ce type de bloc et de ses réglages dans la destination.
Créer une fiche avec une autre structureNécessité d’un nouveau modèle à attribuer aux bons produits.
Afficher des données différentes dans le même designPossibilité de connecter champs méta ou ressources plutôt que dupliquer les modèles.

Deux thèmes peuvent proposer des options très différentes sous des noms proches. Si l’action de copie manque, examinez la compatibilité avant de chercher du code pour la forcer. Un bloc propre à une section ne devient pas automatiquement universel.

Dupliquer sans perdre le contexte

  1. Ouvrir le thème à modifier et confirmer s’il est publié ou constitue une copie.
  2. Sélectionner le bon modèle et la bonne ressource dans l’aperçu.
  3. Repérer la section ou le bloc et les actions de son menu.
  4. Dupliquer ou copier uniquement le nécessaire et vérifier la destination.
  5. Modifier textes, images, liens et connexions devant être différents.
  6. Vérifier la page entière avant d’enregistrer.

Pour expérimenter une refonte, utilisez une copie du thème. Le guide de personnalisation Shopify recommande de dupliquer le thème comme sauvegarde avant modification. Cette copie ne rend pas les autres données de l’administration indépendantes : produits et pages restent des ressources de la boutique.

Démonstration de réutilisation dans l’éditeur d’un thème. Les menus et options disponibles peuvent varier selon le thème et sa version.

Une copie n’est pas forcément un composant synchronisé

Ne supposez ni que modifier l’original actualisera toutes les copies, ni qu’une modification de copie sera toujours isolée. Vérifiez ce qui a réellement été dupliqué : réglages propres, modèle partagé, ressource sélectionnée ou connexion à des données. Chacun a une portée différente.

Deux blocs peuvent par exemple pointer vers la même image ou le même produit. Modifier la sélection d’un bloc et éditer la ressource originale sont deux actions différentes. Avant de remplacer le contenu d’une campagne, confirmez les autres pages utilisant cette source.

Pour de nombreuses fiches, envisager les données dynamiques

Si chaque produit a ses matières, instructions ou tableaux de tailles, créer un modèle par produit complique souvent la maintenance. Lorsque le thème le permet, connectez ces contenus à des champs méta ou métaobjets. Vous conservez ainsi la structure tout en laissant le produit fournir ses données.

Définissez le champ à remplir, le comportement s’il est vide et son responsable. La connexion technique ne remplace pas la rédaction d’informations utiles. Testez un produit complet et un autre dépourvu de la donnée avant un déploiement sur tout le catalogue.

Vérifier le mobile et les interactions, au-delà de la composition

Une section peut sembler correcte après copie, puis poser problème avec la suivante : espace excessif, image coupée, bouton peu contrasté ou vidéo déplaçant le contenu. Vérifiez ordinateur et mobile avec des textes de longueur réelle, plutôt qu’un court titre d’essai.

  • Vérifier l’ordre de lecture et la hiérarchie des titres.
  • Ouvrir tous les boutons et liens pour contrôler les destinations.
  • Tester les formulaires et composants d’applications.
  • Examiner recadrage des images, lecture vidéo et poids ajouté.
  • Confirmer l’absence de promotions expirées dans le contenu copié.

L’aperçu de l’éditeur aide à parcourir le design, mais ouvrez aussi la page complète pour tester le comportement. Annuler et rétablir dans l’éditeur ne remplace pas une sauvegarde des changements déjà enregistrés.

Quand demander un nouveau composant plutôt que continuer à copier ?

Si l’équipe répète des ajustements manuels, utilise plusieurs versions presque identiques ou dépend du développement pour chaque campagne, une section bien conçue manque peut-être. Définissez ce que le marketing peut modifier et les contraintes protégeant le design : proportions, couleurs, destinations, champs obligatoires et comportement mobile.

Une bonne section réduit le travail futur en préservant le style et en acceptant des contenus réels. Pour revoir la structure avant de multiplier les modèles, vous pouvez demander un accompagnement Shopify. La décision sera plus utile si elle part des pages à publier chaque mois.

Pour poursuivre le travail sur votre boutique

Sources et révision

Révision éditoriale : équipe de Migraciones.io · 30 octobre 2026. Les fonctionnalités, forfaits et disponibilités sont vérifiés à partir des sources citées.