À 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 à l’aide de leurs poignées.
- 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 l’ordre du contenu dans votre mise en page. Voici la différence entre les sections et les blocs, et comment les déplacer.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous avons également conçu Fudge - un éditeur de boutique IA avec une note de 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 simple à 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.
Pour réorganiser les sections, faites-les glisser dans la liste de la barre latérale principale. Pour réorganiser les blocs, cliquez d’abord sur une section, puis faites glisser les blocs listés juste en dessous.
Sur le même sujet : 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 | 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 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 statiquement dans le template Liquid de la section, plutôt que d'être des blocs définis dans le schema que l'on peut faire glisser. Les développeurs de thème peuvent verrouiller des éléments spécifiques (par ex., le titre principal du produit) à 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 propres à des sections spécifiques (par ex., un bloc "Sélecteur de variantes" ne fonctionne que dans la section principale du produit).
L'impact est négligeable. L'ordre des blocs modifie la séquence visuelle sur la page, mais le code HTML sous-jacent contient toujours l'intégralité du contenu. Google peut tout lire, quel que soit l'ordre. Le seul impact sur le SEO est indirect : un contenu mieux ordonné peut améliorer le temps passé sur la page et les métriques d'engagement.
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 apportez 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 affiche vos modifications avant l'enregistrement, et les opérations de glisser-déposer 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é vos modifications sur un brouillon de thème mais le thème en ligne est resté intact (publiez le brouillon), ou (3) le cache de votre navigateur — forcez le rafraîchissement de la boutique avec Cmd/Ctrl+Shift+R.
