Texte, Image et Séparateur fonctionnent comme des sections complètes sur n'importe quelle page, et comme des blocs dans de nombreuses autres sections. Leurs réglages sont les mêmes dans les deux cas, avec quelques petites différences indiquées ci-dessous.
En ajouter un
Dans le constructeur, cliquez sur Ajouter une nouvelle section. Texte et Image se trouvent dans le groupe Contenu, Séparateur dans Décoration. Par page, vous pouvez ajouter jusqu'à 3 sections Texte, 3 sections Image et 10 Séparateurs. Pour en ajouter un comme bloc, sélectionnez une section et cliquez sur Ajouter un nouveau bloc.
Texte
- Texte : l'éditeur propose le gras, l'italique, le souligné, le barré, la taille du texte (Petit, Normal, Grand, Très grand), la couleur du texte, la couleur de surlignage et un bouton pour effacer la mise en forme.
- Préréglage : Par défaut, Paragraphe ou de Titre 1 à Titre 6. Les titres utilisent vos polices de titres et indiquent aux moteurs de recherche comment la page est construite. N'utilisez qu'un seul Titre 1 par page.
- Police : Par défaut utilise la police du préréglage. Corps, Titre, Sous-titre ou Accent utilise à la place cette police des réglages Polices.
- Taille (de 10 à 30 pixels), Hauteur de ligne et Espacement des lettres (Serré, Normal ou Large).
- Largeur : Ajuster (aussi large que le texte) ou Remplir (toute la largeur). Alignement (gauche, centre, droite) apparaît avec Remplir.
Sur la page de collection, le texte peut utiliser {{collection_name}}, {{collection_description}} et {{products_count}} pour afficher les vraies valeurs de la collection consultée.
Image
- Image : choisissez une image dans votre médiathèque.
- Largeur : Ajuster, Remplir ou Personnalisé avec une Largeur personnalisée en pourcentage. Alignement est masqué avec Remplir.
- Ratio : Automatique (la forme d'origine de l'image), Portrait, Carré ou Paysage. Avec un ratio fixe, Ajuster propose Couvrir (remplit le cadre, peut rogner) ou Contenir (montre toute l'image).
- Rayon d'angle : arrondit les coins, de 0 à 100 pixels.
- Lien : facultatif. L'image ouvre cette adresse au clic, par exemple
https://example.com/products/your-link.
Séparateur
Une ligne qui sépare le contenu. Elle est horizontale dans une disposition empilée, et devient verticale quand elle est placée directement dans un groupe horizontal.
- Largeur : Ajuster ou Remplir.
- Épaisseur : de 1 à 10 pixels. Longueur : de 5 % à 100 % de l'espace.
- Alignement : Début, Centre ou Fin. Il apparaît quand la Longueur est inférieure à 100 %.
- Rayon d'angle : extrémités de ligne Net ou Arrondi.
Couleurs et espacement
- En tant que section, chacun a un Schéma de couleurs : son fond, la couleur de son texte et, pour le séparateur, la couleur de la ligne (la couleur de bordure du schéma). Voir Schémas de couleurs.
- En tant que bloc, Texte a Utiliser le schéma de couleurs parent (activé par défaut). Désactivez-le pour choisir un autre schéma. Les images en bloc suivent leur section.
- Marge intérieure de chaque côté. Une section Séparateur accepte jusqu'à 200 pixels, pour plus d'espace entre les sections.
Bon à savoir
- Un texte vide ne s'affiche pas sur la boutique : un bloc Texte vide ne laisse donc aucun trou.
- L'image est rognée : réglez Ajuster sur Contenir, ou Ratio sur Automatique.
- Le séparateur n'est pas vertical : il doit se trouver directement dans un groupe réglé sur Horizontal, voir Comment utiliser les blocs Groupe pour placer du contenu côte à côte ou en colonnes ?.