Ajouter du contenu - Bloquer
Utilisez le type de contenu Bloc pour ajouter un bloc actif existant à 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.
Boîte à outils Bloc






Ajouter un bloc existant
-
Accédez à l’espace de travail Page Builder sur la page, le bloc, le bloc dynamique, le produit ou la catégorie cible.
-
Dans le panneau Page Builder, développez Add Content et faites glisser un espace réservé Block vers la scène.
-
Pointez sur le conteneur de blocs vide pour afficher la boîte à outils et choisissez l’icône Paramètres (
-
Cliquez sur Select Block.
-
Dans la ligne du bloc que vous souhaitez ajouter, cliquez sur Select dans la dernière colonne.
Le nom du bloc sélectionné s’affiche sur la page.
-
Renseignez les paramètres restants selon vos besoins à l’aide de la description des champs située à la fin de cette page à titre de référence.
-
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
-
Pour contrôler le positionnement du bloc 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 un style de Border appliqué aux quatre côtés du conteneur de blocs :
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, du Margins and Padding pour déterminer les marges extérieures et la marge intérieure du conteneur du bloc.
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
Modifier les paramètres du bloc
-
Pointez sur le conteneur de blocs et sélectionnez l’icône Paramètres (
-
Pour choisir un autre bloc, cliquez sur Select Block.
- Dans la liste des blocs actifs, cliquez Select le bloc que vous souhaitez ajouter.
- Cliquez sur Add Selected.
-
Mettez à jour les paramètres restants si nécessaire, en utilisant la description des champs à la fin de cette page pour référence.
-
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
-
Pointez sur le conteneur de blocs pour afficher la palette et choisissez l’icône Dupliquer (
Le duplicata apparaît juste en dessous de l’original.
-
Pour déplacer le nouveau bloc vers un nouvel emplacement, passez le curseur sur le conteneur, puis cliquez sur Déplacer (
-
Sélectionnez le bloc et faites-le glisser jusqu’à ce que la ligne directrice rouge s’affiche à la nouvelle position.
Les bordures supérieure et inférieure de chaque conteneur apparaissent sous la forme de lignes en tirets lorsque le bloc est déplacé.
Supprimer un bloc de l’étape
-
Pointez sur le conteneur de blocs pour afficher la boîte à outils et choisissez l’icône Supprimer (
-
Lorsque vous êtes invité à confirmer, cliquez sur OK.