DocumentationCommercePage Builder

PaaS uniquement

Ajouter du contenu - Bloc

Dernière mise à jour : 14 juillet 2024
  • Rubriques :

Créé pour :

  • Débutant
  • Intermédiaire
  • Utilisateur ou utilisatrice

Utilisez le type de contenu Block pour ajouter un block existant et actif à l’ Page Builder étape. Dans l'exemple suivant, la première colonne contient le bloc avec un menu latéral pour la page. La deuxième colonne contient une image.

Bloc avec un menu latéral

NOTE
Si vous apportez des modifications importantes au contenu Page Builder, il est recommandé d’augmenter la durée de vie de la session d’administration afin d’empêcher l’expiration de la session pendant que vous travaillez.

Blocage d’outil

OutilIcôneDescription
Déplacer Icône Déplacer Déplace le conteneur de blocs et son contenu vers une autre position sur la scène.
Paramètres Icône Paramètres Ouvre la page Modifier le bloc, dans laquelle vous pouvez sélectionner le bloc, et modifier les propriétés du conteneur.
Masquer Icône Masquer Masque le conteneur de blocs actif et son contenu.
Afficher Icône Afficher Affiche le conteneur de blocs masqué et son contenu.
Dupliquer Icône Dupliquer Effectue une copie du conteneur de blocs et de son contenu.
Supprimer Supprimer l’icône Supprime le conteneur de blocs et son contenu de la scène.
NOTE
Les éléments masqués sont stockés dans la base de données et invisibles pour les clients. Toutefois, ces éléments sont visibles par les moteurs de recherche et d’autres robots qui analysent votre site. Elles sont également renvoyées dans le cadre du contenu si nécessaire par le biais d’un appel API avec un attribut d’invisibilité, sauf si vous les supprimez de l’étape.

Ajouter un bloc existant

  1. Accédez à l’espace de travail Page Builder sur la page cible, le bloc, le bloc dynamique, le produit ou la catégorie.

  2. Dans le panneau Page Builder, développez Add Content et faites glisser un espace réservé Block sur la scène.

    Faire glisser un bloc sur la scène

  3. Passez la souris sur le conteneur de blocs vide pour afficher la boîte à outils et sélectionnez l’icône Paramètres ( Icône Paramètres ).

  4. Cliquez sur Select Block.

    Sélectionner un bloc

  5. Dans la ligne du bloc que vous souhaitez ajouter, cliquez sur Select dans la dernière colonne.

    Bloc sélectionné

    Le nom du bloc sélectionné apparaît sur la page.

    Nom du bloc

  6. Définissez les autres paramètres si nécessaire, à l’aide des descriptions de champ à la fin de cette page à titre de référence.

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

Paramètres avancés

  1. Pour contrôler le positionnement du bloc dans le conteneur parent, choisissez un Alignment :

    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 toute marge intérieure spécifiée.
    Center
    Aligne la liste au centre du conteneur parent, en tenant compte de toute marge intérieure spécifiée.
    Right
    Aligne le bloc le long de la bordure droite du conteneur parent, en tenant compte de toute marge intérieure spécifiée.
  2. Définissez un style Border appliqué aux quatre côtés du conteneur de blocs :

    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 pointillés.
    Solid
    La bordure du conteneur s’affiche sous la forme d’une ligne pleine.
    Double
    La bordure du conteneur s’affiche sous la forme d’une ligne double.
    Groove
    La bordure du conteneur s’affiche sous forme de ligne droite.
    Ridge
    La bordure du conteneur s’affiche sous la forme d’une ligne à droite.
    Inset
    La bordure du conteneur s’affiche sous la forme d’une ligne d’insertion.
    Outset
    La bordure du conteneur apparaît comme une ligne de départ.
  3. Si vous définissez un style de bordure autre que None, renseignez les options d’affichage de la bordure :

    Option
    Description
    Border Color
    Définissez la couleur en choisissant un échantillon, 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.
  4. (Facultatif) Indiquez les noms de CSS classes dans la feuille de style actuelle à appliquer au conteneur.

    Séparez plusieurs noms de classe par un espace.

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

    Saisissez les valeurs correspondantes dans le diagramme.

    Zone de conteneur
    Description
    Margins
    Espace vide appliqué au bord extérieur de tous les côtés du conteneur. Options : Top / Right / Bottom / Left
    Padding
    Espace blanc appliqué au bord intérieur de tous les côtés du conteneur. Options : Top / Right / Bottom / Left

Modification des paramètres de bloc

  1. Passez la souris sur le conteneur de blocs et sélectionnez l’icône Paramètres ( Icône Paramètres ) dans la boîte à outils.

    Bloc d’outils

  2. Pour choisir un autre bloc, cliquez sur Select Block.

    • Dans la liste des blocs actifs, cliquez sur Select le bloc que vous souhaitez ajouter.
    • Cliquez sur Add Selected.
  3. Mettez à jour les paramètres restants si nécessaire, à l’aide des descriptions de champ à la fin de cette page à titre de référence.

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

Dupliquer un bloc

  1. Pointez sur le conteneur de blocs pour afficher la boîte à outils et sélectionnez l’icône Dupliquer ( Icône Dupliquer ).

    Le doublon apparaît juste en dessous de l’original.

  2. Pour déplacer le nouveau bloc vers une nouvelle position, passez la souris sur le conteneur, puis cliquez sur Déplacer ( Icône Déplacer ) dans la boîte à outils.

  3. Sélectionnez le bloc et faites-le glisser jusqu’à ce que la ligne directrice rouge apparaisse à la nouvelle position.

    Les bordures supérieure et inférieure de chaque conteneur apparaissent sous la forme de lignes en pointillés lorsque le bloc est déplacé.

Supprimer un bloc de l’étape

  1. Pointez sur le conteneur de blocs pour afficher la boîte à outils et sélectionnez l’icône Supprimer ( Icône Supprimer ).

  2. Lorsque vous êtes invité à confirmer l’opération, cliquez sur OK.

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d