Obtenez Shopify pour 1€ par mois

Structure des sections : comment lire et comprendre l’arborescence

Comprendre l’organisation des sections, c’est la clé pour bien personnaliser ton site. On t’explique comment lire l’arborescence du Story thème.


L’arborescence, c’est quoi exactement ?


Quand tu ouvres le Story Theme, tu vas remarquer que les sections sont organisées d’une certaine façon — un peu comme les dossiers d’un ordi. Cette “arborescence” permet de structurer ton contenu de manière claire et logique.


L’arborescence représente la hiérarchie des sections de ta page. Chaque section (ou "bloc") peut contenir d'autres éléments : des titres, des images, des boutons, etc. C’est un peu comme une poupée russe : une section peut contenir sous-sections qui elles-mêmes contiennent des blocs.


Par exemple ici dans la page d'accueil tu as l'arborescence à gauche :


Par exemple, le header contient la barre d'annonce qui elle contient des blocs et c'est une fois à l'intérieur que tu peux en ajouter :


Pourquoi c’est important de comprendre l'arborescence ?


  • Pour restructurer facilement ta page
  • Pour savoir où tu te trouves quand tu modifies une section
  • Pour ajouter ou déplacer des blocs sans tout casser


Comment la lire dans l’éditeur ?


Dans l’éditeur du Story Theme, chaque section est présentée avec un nom clair, et tu peux :

  • Plier/déplier les sous-sections (grâce aux flèches)
  • Faire glisser les blocs pour les réorganiser (en plaçant ton curseur au niveau de l’icône)
  • Voir les icônes pour t’indiquer le type de contenu