Sections versus blocs
Une section est une rangée horizontale pleine largeur sur une page, par exemple une bannière principale, une grille de produits ou un pied de page. Les sections s’empilent verticalement et vous contrôlez leur ordre. Un bloc est un élément de contenu placé à l’intérieur d’une section : bloc de texte, image, bouton, séparateur ou groupe de mise en page. Certaines sections contiennent un ensemble fixe de blocs (l’en-tête a toujours logo, menu, recherche, panier et localisation), tandis que d’autres vous permettent d’ajouter, supprimer et réorganiser les blocs librement (le pied de page, la bannière principale, la newsletter).
Vous modifiez les deux de la même façon : cliquez sur une section ou un bloc dans l’aperçu, ou sélectionnez-le dans la liste des calques, et ses paramètres s’ouvrent dans le panneau de contrôle à gauche.
Sections globales versus sections par page
L’éditeur vous permet de concevoir chaque type de page séparément. Les pages modifiables sont Accueil, Produit, Landing, Collection, Recherche, Panier, Paiement, Merci (confirmation de commande), Contact, Politique et 404.
- Sections globales : l’En-tête, le Pied de page et la Barre d’annonce apparaissent sur chaque type de page. Chaque page conserve sa propre copie, donc une modification s’applique uniquement à la page en cours. Utilisez l’action Appliquer à toutes les pages sur l’une de ces sections pour copier son design sur la même section de toutes les autres pages.
- Sections par page : elles appartiennent à des types de page spécifiques. Les sections Bannière principale, Diaporama, Indicateur et Collections existent uniquement sur la page d’accueil. Infos produit existe seulement sur la page produit, Infos landing seulement sur la page landing, etc.
- Sections toutes pages : elles peuvent être ajoutées à chaque type de page. Il s’agit de Texte, Image, Séparateur, Code personnalisé et la section indépendante Icônes réseaux sociaux.
Pour le catalogue complet de chaque section et de ses paramètres, consultez Home page sections, Product and landing page sections, Global sections et Shared and system page sections.
Ajouter une section ou un bloc
- Ouvrez l’éditeur et passez à la page à modifier via le sélecteur de page.
- Utilisez le bouton Ajouter une section (ou le contrôle plus qui apparaît entre les sections dans l’aperçu) pour ouvrir le sélecteur.
- Choisissez un type de section. Seules les sections autorisées sur la page actuelle apparaissent dans la liste, donc vous ne verrez pas, par exemple, les options Bannière principale sur la page contact.
- Pour ajouter un bloc, sélectionnez une section qui accepte les blocs, puis utilisez son bouton Ajouter un bloc. Les contrôles plus intitulés Ajouter (élément) avant et Ajouter (élément) après vous permettent d’insérer un bloc à un endroit précis.
Réorganiser les sections et les blocs
Faites glisser une section ou un bloc par sa poignée pour le déplacer. Les sections se réorganisent verticalement dans la page ; les blocs se réorganisent à l’intérieur de leur section parente. Les sections à mise en page fixe comme l’en-tête gardent leurs blocs en place, vous configurez donc ces blocs au lieu de les déplacer. La réorganisation est une modification en direct : l’aperçu se met à jour dès que vous relâchez.
Dupliquer, copier et coller
- Dupliquer crée une copie exacte d’une section ou d’un bloc juste à côté de l’original, avec tous ses paramètres et blocs enfants.
- Copier et Coller déplacent une section ou un bloc entier, même entre différentes pages : copiez-le sur une page, changez de page, puis collez-le.
- Copier uniquement le style et Coller uniquement le style transfèrent uniquement l’apparence (couleurs, espacements, typographie) d’un élément à un autre du même type, sans toucher au contenu.
La duplication ou le collage respecte la limite de chaque section par page. Si une page contient déjà le maximum d’un type de section, l’action est bloquée.
Masquer ou supprimer
L’icône en forme d’œil permet d’alterner entre Masquer et Afficher une section ou un bloc. Un élément masqué reste dans votre mise en page et conserve tous ses paramètres, mais il n’apparaît pas sur la boutique en ligne, ce qui est utile pour du contenu saisonnier à réactiver plus tard. Supprimer enlève l’élément définitivement.
Sections obligatoires et limites
Certaines sections sont obligatoires sur leur page et ne peuvent pas être supprimées, seulement configurées. Infos produit sur la page produit, Infos landing sur la page landing, Produits de la collection sur la page collection, Produits de la recherche sur la page recherche, les sections Panier, Paiement, Confirmation de commande, Contact, Politique et 404, ainsi que l’En-tête et le Pied de page, font partie de ce groupe. Pour celles-ci, le contrôle de suppression est désactivé.
La plupart des types de section limitent aussi le nombre de copies qu’une page peut contenir (par exemple 1 en-tête, 1 pied de page, 2 barres d’annonce, 2 diaporamas, 2 indicateurs, 2 sections de code personnalisé, 3 sections de texte, 3 sections d’image, 10 séparateurs). Lorsque vous atteignez la limite, la section ne s’affiche plus dans le sélecteur d’ajout pour cette page.
Enregistrer et publier
Chaque modification met à jour l’aperçu instantanément et est enregistrée dans l’historique d’annulation de l’éditeur, vous pouvez donc revenir en arrière avec annuler. Les changements ne sont visibles par les clients qu’après avoir enregistré et publié la page.