Changer le design (variante) d'un bloc
Sélectionnez le bloc dans l'éditeur, ouvrez son onglet Variantes et cliquez sur un autre design. Le bloc conserve son contenu, mais les styles personnalisés que vous aviez ajoutés sont réinitialisés.
Étapes
- Ouvrez Boutique en ligne → Paramètres du thème (ou votre page depuis Landing Pages) et cliquez sur le bloc sur le canevas.
- Dans la barre de gauche, cliquez sur l'icône crayon (Modifier). Le panneau affiche trois onglets: Paramètres, Styles et Variantes.
- Ouvrez Variantes et cliquez sur le design voulu. Le canevas se met à jour immédiatement.
- Revérifiez l'onglet Paramètres: certains designs exposent des options différentes (par exemple, le design 3 de Liste des produits ajoute Nombre d'articles dans la grille / en mobile / sur Tablet, et seul le design 3 du Compte à rebours a ses propres réglages).
- Si vous aviez personnalisé l'espacement, les couleurs ou l'animation dans Styles, réappliquez-les; changer de variante réinitialise les styles aux valeurs par défaut du design tout en conservant les données du bloc.
- Cliquez sur Enregistrer. Si la page est encore Non publié, basculez l'interrupteur sur Publié pour que les visiteurs voient le changement.
Astuce: dans Ajouter des blocs, survolez un bloc qui a plusieurs designs pour ouvrir le panneau latéral Variantes disponibles et faites glisser directement le design qui vous plaît sur la page.
Le bloc Bouton a dix designs: le design 1 suit le style des boutons de votre thème, le 2 est un bouton rétro à ombre décalée, le 3 une pastille à dégradé brillant, le 4 un lien texte avec flèche, le 5 une pastille avec la flèche dans son propre cercle, le 6 un contour qui se remplit de votre couleur de marque au survol, le 7 une teinte douce pour les actions discrètes, le 8 un bouton de commande marqué d'un halo pulsant, le 9 un bouton en verre dépoli pour les photos et sections sombres, et le 10 une touche 3D en relief qui s'enfonce au clic. Chaque design conserve le texte, l'icône et l'action du bouton, y compris l'envoi de la commande quand le bouton est celui du formulaire de commande.
Problèmes courants
- L'onglet Variantes est vide → le bloc n'a qu'un seul design (Section, Image et la plupart des blocs produit). Stylisez-le plutôt depuis l'onglet Styles.
- Mon espacement et mes couleurs ont disparu après le changement → c'est normal: un changement de variante réinitialise les styles du bloc. Redéfinissez-les dans Styles, ou appuyez sur Annuler dans la barre supérieure pour revenir en arrière.
- Le panneau indique « Aucun bloc sélectionné » → cliquez d'abord sur le bloc sur le canevas, ou choisissez-le dans Couches de conception (icône calques).
- J'ai changé le design du Pied de page ou de l'En-tête mais les autres pages affichent encore l'ancien → l'En-tête et le Pied de page sont « Partagé dans toute la boutique »; vérifiez que vous avez cliqué sur Enregistrer, puis rechargez la boutique.
Voir aussi
- Styliser un bloc : espacement, arrière-plan, bordure, ombre, animation
- Ajouter, déplacer, copier et supprimer des blocs sur une page
- Comment changer le thème de ma boutique et modifier ses sections