Le mode édition
Modifier textes et images sur place, et chaque onglet du panneau latéral de l'éditeur de blocs.
Le bouton mode édition de la barre d'outils (l'icône crayon) transforme l'aperçu en éditeur : le texte devient modifiable là où il est, et les emplacements d'image deviennent remplaçables.
Sélectionner un bloc en mode édition ouvre un panneau latéral à quatre onglets en icônes.
Texte
Les titres du bloc, son corps de texte, les libellés de ses boutons et ses légendes.
Les liens
Les blocs qui mènent quelque part — les cartes d'une grille de contenu, les boutons de hero et d'appel à l'action, le bouton tout voir d'une grille de produits — reçoivent une section Liens au bas de l'onglet Texte. Une liste déroulante par lien, qui propose :
- les pages de votre propre boutique, plus Expédition et Mentions légales
- Aucun lien — masque complètement ce bouton ; une carte sans lien reste visible mais cesse d'être cliquable
- URL personnalisée… — une adresse externe, ou une
#ancrevers une section de la même page
Seules les pages qui ont réellement des blocs sont proposées, et un lien qui pointe encore vers une page disparue depuis est signalé dans la liste.
Supprimer une page dans Gérer les pages coupe tous les liens qui y mènent dans toute la boutique, et la fenêtre dit combien. Renommer une page les redirige. Les deux n'ont lieu que dans la version du designer — la boutique en ligne suit à la prochaine publication.
Images
Remplacer, envoyer, choisir parmi vos ressources, ou faire générer par l'IA. Un emplacement d'image peut aussi contenir une vidéo. Voir Images et vidéos.
Les blocs avec une galerie d'images — le hero galerie et les deux blocs galerie autonomes (colonnes en mosaïque et bande horizontale) — reçoivent ici un éditeur de grille pour ajouter, remplacer, retirer, réordonner ou générer des images jusqu'au maximum du bloc.
Les blocs galerie autonomes acceptent jusqu'à 16 images, quel que soit le nombre créé à l'origine par l'IA, et leur éditeur de grille modifie aussi le texte alternatif et la légende de chaque image. Les légendes apparaissent dans la boutique quand l'interrupteur Show Captions du bloc est actif ; une image sans légende propre retombe sur son texte alternatif, de sorte que l'interrupteur montre toujours quelque chose.
Couleurs
Les choix de couleurs propres au bloc, puisés dans votre thème.
Quand l'arrière-plan d'une section utilise la même couleur de thème qu'un bouton posé dessus — un bouton en couleur primaire sur une section primaire pleine — le bouton passe automatiquement au blanc pour rester lisible. Sur les teintes claires et plus claires de l'arrière-plan, il garde ses couleurs normales.
Style
Les options de style se règlent avec des boutons à icône et des puces de choix, jamais des listes déroulantes, réparties en cinq sections : Affichage, Typographie, Mise en page, Apparence et Effets.
Les libellés de cet onglet restent en anglais dans toutes les langues du tableau de bord — Card Alignment, Group By Category, Header Height et les autres.
Les options que vous croiserez souvent
Les effets
Background Effect (l'atmosphère décorative d'une section) et Hover Effect pour les cartes se règlent par bloc sur les blocs marketing — hero, appel à l'action, features, témoignages, newsletter, grille de contenu, FAQ, déclaration, barre de confiance, galerie, vitrine collante. Un choix par bloc l'emporte sur celui de toute la boutique défini dans le thème, et un bouton Rétablir ramène le bloc à la valeur globale.
Les effets sont automatiquement désactivés pour les visiteurs dont l'appareil demande moins d'animation.
L'animation
L'animation d'entrée d'un bloc — Animation, Animation Speed, Animation Delay — démarre au premier rendu, de sorte que le contenu en haut de page apparaît en fondu avant que le moindre JavaScript n'ait tourné. Rien n'est jamais masqué dans le HTML de la page, ce qui compte pour les moteurs de recherche.