Points clés à retenir
- Les blocs sont des éléments plus petits au sein d’une section - texte, images, boutons, icônes.
- Pour déplacer un bloc, cliquez sur la section parente, puis faites glisser les blocs dans la barre latérale en utilisant leurs poignées de déplacement.
- Les sections sont de grandes zones de contenu (hero, fonctionnalités, témoignages). Les blocs sont les éléments individuels à l’intérieur.
- Certains blocs sont fixes dans leur section et ne peuvent pas être réorganisés - cela dépend du thème.
- Fudge peut restructurer le contenu au sein d’une section lorsque le glisser-déposer ne suffit pas.
Déplacer des blocs à l’intérieur d’une section vous donne un contrôle précis sur la manière dont le contenu est ordonné dans une mise en page. Voici la différence entre les sections et les blocs, et comment déplacer l’un ou l’autre.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous avons également développé Fudge - un éditeur de boutique par IA noté 5.0 sur le Shopify App Store.
Sections vs blocs - quelle est la différence ?
Comprendre cette distinction rend l’Éditeur de thème beaucoup plus facile à utiliser.
Les sections sont les grandes zones de contenu distinctes qui s’empilent verticalement sur une page. Exemples :
- Une bannière hero
- Une grille de fonctionnalités
- Un carrousel de témoignages
- Une inscription à la newsletter
Les blocs sont les éléments individuels à l’intérieur d’une section. Par exemple, dans une section de fonctionnalités, chaque fonctionnalité (icône + titre + description) est un bloc. Dans une section hero, le titre, le sous-titre et le bouton peuvent être des blocs distincts.
Vous réorganisez les sections en les faisant glisser dans la liste principale de la barre latérale. Vous réorganisez les blocs en cliquant d’abord sur une section, puis en faisant glisser les blocs listés en dessous.
À lire aussi : Réorganiser les sections sur une page Shopify.
Comment déplacer des blocs dans une section
Étape 1. Allez dans Boutique en ligne > Thèmes > Personnaliser.
Étape 2. Naviguez vers la page contenant la section que vous souhaitez modifier.
Étape 3. Dans la barre latérale gauche, cliquez sur la section pour la développer. Vous verrez les blocs listés sous le nom de la section - ils sont indentés sous la section parente.
Étape 4. Survolez un bloc. Une poignée de déplacement (six points) apparaît à gauche.
Étape 5. Cliquez et maintenez la poignée de déplacement, puis faites glisser le bloc vers le haut ou le bas dans la liste.
Étape 6. Relâchez pour déposer. L’aperçu se met à jour en temps réel.
Étape 7. Cliquez sur Enregistrer.
S’il n’y a pas de poignée de déplacement
Tous les blocs ne peuvent pas être réorganisés. Certaines sections ont des blocs dans un ordre fixe que le développeur du thème n’a pas rendu glissables. Si vous ne voyez pas de poignée de déplacement, le bloc ne peut pas être bougé via l’Éditeur de thème.
Pour ces cas-là, vous devrez modifier le template Liquid de la section directement - ou utiliser Fudge pour restructurer la section.
Si vous ne l’avez pas encore fait, commencez par ajouter des blocs à une section Shopify.
Scénarios courants de réorganisation de blocs
Sections de fonctionnalités - réorganisez les éléments pour mettre la fonctionnalité la plus importante en premier.
Sections FAQ - déplacez les questions pour que les plus courantes s’affichent en haut.
Témoignages - mettez en avant votre meilleur témoignage en première position.
Galerie d’images - réorganisez les images pour changer celle qui apparaît en premier dans la grille.
Blocs de page produit - sur les pages produits, certains thèmes vous permettent de réorganiser des éléments comme le titre, le prix, la description et le bouton d’ajout au panier.
À lire aussi : Personnaliser la mise en page d’un produit Shopify.
Déplacer des blocs vs déplacer des sections
| Ce que vous voulez faire | Ce qu’il faut faire glisser |
|---|---|
| Déplacer une section entière (hero, fonctionnalités, etc.) vers le haut ou le bas de la page | La section elle-même dans la barre latérale principale |
| Réorganiser les éléments au sein d’une section (ex: fonctionnalité 1 avant fonctionnalité 2) | Les blocs à l’intérieur de la section développée |
La hiérarchie dans la barre latérale : les sections sont au niveau supérieur. Les blocs apparaissent indentés sous la section à laquelle ils appartiennent.
Quand les blocs ne peuvent pas être réorganisés
Certaines sections utilisent un template fixe où l’ordre des blocs est déterminé par le code Liquid, et non par une liste modifiable. C’est courant dans les thèmes plus anciens ou très personnalisés.
Dans ces cas, vos options sont :
- Modifier le fichier Liquid de la section pour changer l’ordre des éléments dans le template.
- Utiliser Fudge - décrivez l’ordre que vous voulez, et Fudge réécrit la mise en page de la section pour vous.
Exemple de prompt Fudge : “Sur la page produit, déplace la description du produit au-dessus du bouton d’ajout au panier, et place le lien du guide des tailles en dessous du bouton.”
Fudge génère la modification de code sous forme de brouillon pour que vous l’examiniez.
Astuces rapides
- Cliquez sur un bloc dans l’aperçu pour accéder directement à ses paramètres dans la barre latérale.
- Cliquez sur la flèche de retour en haut des paramètres du bloc pour revenir à la vue de la section parente.
- Masquer un bloc (via l’icône en forme d’œil) est un bon moyen de tester des mises en page avant de décider de le supprimer.
FAQ
Certains blocs sont définis de manière statique dans le template Liquid de la section, plutôt que comme des blocs définis dans le schéma et déplaçables. Les développeurs de thèmes peuvent verrouiller des éléments spécifiques (par ex., le titre principal du produit) dans une position fixe. Pour les réorganiser, modifiez directement le fichier Liquid de la section ou utilisez Fudge.
Non — les blocs sont limités à leur section parente. Pour reproduire un bloc dans une autre section, ajoutez manuellement le même type de bloc à la section cible et copiez les paramètres. Certains types de blocs sont exclusifs à des sections spécifiques (par ex., un bloc "Sélecteur de variantes" ne fonctionne que dans la section principale du produit).
C'est négligeable. L'ordre des blocs modifie la séquence visuelle sur la page, mais le code HTML sous-jacent contient toujours tout le contenu. Google peut tout lire de la même façon, quel que soit l'ordre. Le seul impact sur le SEO est indirect : un contenu bien ordonné peut améliorer le temps passé sur la page et les statistiques d'engagement.
Pas strictement nécessaire — les modifications de blocs sont réversibles en les remettant à leur place. Dupliquez le thème si vous apportez des modifications structurelles majeures (suppression de blocs, restructuration de plusieurs sections). Pour un simple réagencement, la prévisualisation de l'Éditeur de thème montre votre modification avant de sauvegarder, et les opérations de glissement non enregistrées peuvent être annulées avec Cmd/Ctrl+Z.
Trois causes possibles : (1) vous n'avez pas cliqué sur Enregistrer dans l'Éditeur de thème, (2) vous avez enregistré sur un thème en brouillon mais le thème publié reste inchangé (vous devez publier le brouillon), ou (3) le cache du navigateur — faites un rechargement forcé de la boutique avec Cmd/Ctrl+Shift+R.
