Éléments - Texte

Dans le panneau Page Builder, développez Elements et faites glisser un espace réservé Text vers une ligne, une colonne ou un ensemble d’onglets sur la scène.

{width="600" modal="regular"}

Utilisez l’éditeur pour saisir et mettre en forme le texte, si nécessaire.

Pour plus d’informations, voir Utilisation de l’éditeur.

{width="600"}

Dans le storefront, accédez à la page qui doit être la destination cible du lien et copiez les informations du lien.

Vous pouvez utiliser l’URL complète ou une URL relative qui omet la référence à votre domaine de boutique.

URL complète - https://mystore.com/women/tops-women/tees-women.html

URL relative - ../women/tops-women/tees-women.html

Sélectionnez le texte dans l’espace de l’éditeur et cliquez sur Insérer/modifier le lien ( {width="20"} ) dans la barre d’outils de l’éditeur.

{width="500" modal="regular"}

Par URL, saisissez le lien relatif que vous avez préparé.

Définissez Target sur None.

Ce paramètre ouvre la page dans la même fenêtre du navigateur, plutôt que d’ouvrir un nouvel onglet.

Par Title, saisissez Shop Tees.

L’attribut de lien Title est utilisé par certains navigateurs comme une info-bulle.

Pour enregistrer le lien et revenir à l’espace de travail Page Builder, cliquez sur OK.

{width="500" modal="regular"}

Placez le curseur dans le texte à l'endroit où vous souhaitez insérer l'image.

Cliquez sur Insérer/modifier l’image ( {width="20"} ) dans la barre d’outils de l’éditeur.

Par Source, cliquez sur l’icône de recherche pour utiliser l’espace de stockage multimédia afin de localiser et de sélectionner une image.

Par Image Description, saisissez un texte descriptif pour l’image.

Ce texte renseigne l’attribut de lien alt pour l’image et est utilisé par certains navigateurs pour l’accessibilité.

Saisissez la largeur et la hauteur Dimensions, en pixels, pour le rendu de l’image sur la page.

Gardez la case à cocher Constrain proportions sélectionnée pour conserver automatiquement les proportions de l’image.

Pour insérer l’image, puis revenir à l’espace de travail Page Builder, cliquez sur OK.

Pointez sur le conteneur de texte pour afficher la boîte à outils et sélectionnez l’icône Paramètres ( {width="20"} ).

Mettez à jour le contenu selon les besoins.

Mettez à jour les paramètres Advanced ​selon vos besoins.

• Pour contrôler le positionnement du texte dans le conteneur parent, choisissez une Alignment :

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  Option	Description
  Default	Applique le paramètre d’alignement par défaut spécifié dans la feuille de style du thème actif.
  Left	Aligne la liste le long de la bordure gauche du conteneur parent, en tenant compte de la marge intérieure spécifiée.
  Center	Aligne la liste au centre du conteneur parent, en tenant compte de la marge intérieure spécifiée.
  Right	Aligne le bloc le long de la bordure droite du conteneur parent, en tenant compte de la marge intérieure spécifiée.

• Définissez le style de Border appliqué aux quatre côtés du conteneur de texte :

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
  Option	Description
  Default	Applique le style de bordure par défaut spécifié par la feuille de style associée.
  None	Ne fournit aucune indication visible des bordures du conteneur.
  Dotted	La bordure du conteneur s’affiche sous la forme d’une ligne pointillée.
  Dashed	La bordure du conteneur s’affiche sous la forme d’une ligne en tirets.
  Solid	La bordure du conteneur s’affiche sous la forme d’une ligne continue.
  Double	La bordure du conteneur s’affiche sous la forme d’une ligne double.
  Groove	La bordure du conteneur s’affiche sous la forme d’une ligne rainurée.
  Ridge	La bordure du conteneur s’affiche sous la forme d’une ligne crantée.
  Inset	La bordure du conteneur s’affiche sous la forme d’une ligne insérée.
  Outset	La bordure du conteneur s’affiche sous la forme d’une ligne de départ.

• Si vous définissez un style de bordure autre que None, renseignez les options d’affichage des bordures :

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Option	Description
  Border Color	Spécifiez la couleur en choisissant une nuance, en cliquant sur le sélecteur de couleurs ou en saisissant un nom de couleur valide ou une valeur hexadécimale équivalente.
  Border Width	Saisissez le nombre de pixels pour la largeur de la ligne de bordure.
  Border Radius	Saisissez le nombre de pixels pour définir la taille du rayon utilisé pour arrondir chaque coin de la bordure.

• (Facultatif) Spécifiez les noms des CSS classes de la feuille de style actuelle à appliquer au conteneur.

  Séparez plusieurs noms de classe par un espace.

• Saisissez les valeurs, en pixels, des Margins and Padding pour déterminer les marges extérieures et la marge intérieure du conteneur de texte.

  Saisissez les valeurs correspondantes dans le diagramme.

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Zone conteneur	Description
  Margins	Quantité d’espace vide appliqué au bord extérieur de tous les côtés du conteneur. Options : Top / Right / Bottom / Left
  Padding	Quantité d’espace vide appliqué au bord intérieur de tous les côtés du conteneur. Options : Top / Right / Bottom / Left

Une fois l’opération terminée, cliquez sur Save pour appliquer les paramètres et revenir à l’espace de travail Page Builder.