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 passer directement à ses paramètres dans la barre latérale.
- Cliquez sur la flèche retour en haut des paramètres du bloc pour revenir à la vue de la section parente.
- Cacher un bloc (via l’icône de l’œil) est un bon moyen de tester des mises en page avant de le supprimer définitivement.
