Points clés
- Les blocs sont de petits éléments à l’intérieur d’une section : textes, 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.
- Les sections sont de grandes zones de contenu (bannière 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 dans une section lorsque le glisser-déposer ne suffit pas.
Pour déplacer un bloc dans une section Shopify, ouvrez l’éditeur de thème, cliquez sur la section dans la barre latérale pour afficher ses blocs, puis faites glisser un bloc par sa poignée (les six points) et enregistrez.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous développons également Fudge, l’opérateur IA pour les boutiques Shopify, noté 4.9 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 élément (icône + titre + description) est un bloc. Dans une section hero, le titre, le sous-titre et le bouton peuvent être des blocs séparés.
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.
Pour déplacer des sections entières, consultez comment 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 déplaçables. Si vous ne voyez pas de poignée de glissement, le bloc ne peut pas être déplacé via l’éditeur de thème.
Dans ces cas-là, vous devrez modifier directement le modèle Liquid de la section - ou utiliser Fudge pour restructurer la section.
Pour ajouter d’abord un nouveau bloc, consultez comment 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 le plus important en premier.
Sections FAQ - déplacez les questions pour que les plus courantes apparaissent en haut.
Témoignages - mettez en avant votre meilleur témoignage en premier.
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.
Pour les mises en page de produits, consultez comment personnaliser une page produit Shopify.
Déplacer des blocs vs déplacer des sections
| Ce que vous voulez | 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 dans la section développée |
La hiérarchie dans la barre latérale : les sections sont au niveau supérieur. Les blocs apparaissent en retrait sous la section à laquelle ils appartiennent.
Quand les blocs ne peuvent pas être réorganisés
Certaines sections utilisent un modèle fixe où l’ordre des blocs est déterminé par le code Liquid, et non par une liste déplaçable. C’est courant dans les thèmes plus anciens ou fortement personnalisés.
Dans ces cas, vos options sont :
- Modifier le fichier Liquid de la section pour changer l’ordre des éléments dans le modèle.
- Utiliser Fudge - décrivez l’ordre que vous souhaitez à Fudge, l’opérateur IA pour les boutiques Shopify, et son éditeur de boutique réécrit la mise en page de la section pour vous.
Exemple de prompt Fudge : “Dans la page produit, déplace la description du produit au-dessus du bouton d’ajout au panier, et mets le lien du guide des tailles en dessous du bouton.”
Fudge lit d’abord le code de votre thème, de sorte que la modification respecte la façon dont votre thème est construit, y compris les blocs ajoutés par vos applications. Elle arrive sous forme de brouillon pour que vous puissiez la vérifier.
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 glissement ?
Certains blocs sont définis de manière statique dans le modèle Liquid de la section plutôt que comme des blocs définis par un schéma et déplaçables. Les développeurs de thèmes peuvent verrouiller des éléments spécifiques (par exemple, le titre principal du produit) dans une position fixe. Pour les réorganiser, modifiez directement le fichier Liquid de la section 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 uniques à des sections spécifiques (par exemple, un bloc "Sélecteur de variante" ne fonctionne que dans la section principale du produit).
La réorganisation des blocs affectera-t-elle le SEO ?
De manière 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, quel que soit l'ordre.
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 à nouveau. 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 glisser-déposer non enregistrées peuvent être annulées avec Cmd/Ctrl+Z.
Pourquoi le nouvel ordre de mes blocs n'apparaît-il pas sur le site en ligne ?
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 brouillon mais le thème en ligne reste inchangé (publiez le brouillon), ou (3) le cache du navigateur — forcez le rafraîchissement de la boutique avec Cmd/Ctrl+Shift+R.
