Points à retenir
- Les blocs sont de plus petits éléments à l’intérieur 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 à l’aide de leurs poignées de déplacement.
- Les sections sont de grandes zones de contenu (bannières hero, fonctionnalités, témoignages). Les blocs sont les éléments individuels à l’intérieur de celles-ci.
- 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 quand le drag-and-drop ne suffit pas.
Déplacer des blocs à l’intérieur d’une section vous donne un contrôle précis sur l’ordre du contenu dans votre mise en page. Voici la différence entre les sections et les blocs, et comment déplacer chacun d’eux.
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
Pourquoi tous les blocs n’ont-ils pas de poignée de déplacement ?
Certains blocs sont définis de manière statique dans le modèle Liquid de la section plutôt que comme des blocs de schéma 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 le fichier Liquid de la section directement ou utilisez Fudge.
Puis-je déplacer un bloc vers une autre section ?
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 spécifiques à certaines sections (par ex., un bloc “Sélecteur de variante” fonctionnera uniquement dans la section principale du produit).
La réorganisation des blocs aura-t-elle un impact sur le SEO ?
De manière négligeable. L’ordre des blocs modifie la séquence visuelle sur la page, mais le HTML sous-jacent contient toujours la totalité du contenu. Google peut tout lire quel que soit l’ordre. Le seul impact sur le SEO est indirect — un contenu mieux organisé peut améliorer la durée de visite et les statistiques d’engagement.
Dois-je dupliquer une section avant de réorganiser les blocs ?
Ce n’est pas strictement nécessaire — les modifications de blocs sont réversibles en les faisant glisser en sens inverse. Dupliquez le thème si vous effectuez des changements structurels majeurs (suppression de blocs, restructuration de plusieurs sections). Pour une simple réorganisation, l’aperçu de l’éditeur de thème montre votre modification avant l’enregistrement, et les opérations de glissement non enregistrées peuvent être annulées avec Cmd/Ctrl+Z.
Pourquoi mon nouvel ordre de blocs n’apparaît-il pas sur le site en ligne ?
Trois causes : (1) vous n’avez pas cliqué sur Enregistrer dans l’éditeur de thème, (2) vous avez enregistré sur un thème de brouillon mais le thème en ligne est inchangé (publiez le brouillon), ou (3) le cache du navigateur — forcez le rafraîchissement de la boutique avec Cmd/Ctrl+Maj+R.
