DocumentationCommerceContenu et conception

[PaaS uniquement]{class="badge informative" title="S’applique uniquement aux projets Adobe Commerce on Cloud (infrastructure PaaS gérée par Adobe) et aux projets On-premise."}

Ajouter des blocs de contenu

Last update: Tue Oct 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :
  • CMS

Créé pour :

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

Vous pouvez créer des blocs de contenu personnalisés, puis les ajouter à n’importe quelle page, groupe de pages ou même à un autre bloc. Par exemple, vous pouvez placer un curseur d’image dans un bloc, puis placer le bloc sur la page d’accueil. L’espace de travail Blocs utilise les mêmes commandes de base que l’espace de travail Pages pour vous aider à trouver les blocs disponibles et à effectuer des opérations de maintenance de routine. Une fois le bloc terminé, vous pouvez utiliser l’outil Widget pour le placer sur des pages spécifiques de votre boutique.

La page Blocs affiche une grille de blocs existants {width="700" modal="regular"}

Création d’un bloc

  1. Dans la barre latérale Admin, accédez à Content > Elements>Blocks.

  2. Dans le coin supérieur droit, cliquez sur Ajouter un nouveau bloc.

    La page Nouveau bloc affiche des options et un espace de contenu {width="500" modal="regular"}

  3. Si vous souhaitez modifier l’état du nouveau bloc activé par défaut, définissez Activer le bloc sur No.

  4. Attribuez un Titre du bloc pour référence interne.

  5. Attribuez un Identifiant unique au bloc.

    Utilisez tous les caractères minuscules avec des traits de soulignement au lieu d’espaces.

  6. Sélectionnez chaque Store View où vous souhaitez que le bloc soit disponible.

  7. Ajoutez le contenu du bloc à l’aide de l’ensemble d’outils de contenu affiché :

    • Si Page Builder est activé, sélectionnez Edit with Page Builder pour utiliser les outils de Page Builder dans l’espace de travail ​ contenu.

      Espace de travail de Page Builder {width="500" modal="regular"}

      note note
      NOTE
      Pour plus d’informations sur l’ajout de blocs avec Page Builder, consultez Tutoriel 2 : blocs.

    • Utilisez l’éditeur pour mettre en forme le texte, créer des liens et ajouter des tableaux, des images, des vidéos et de l’audio.

      Si vous préférez travailler avec le code HTML, cliquez sur Afficher / Masquer l’éditeur.

      Éditeur de blocs (masqué) {width="500" modal="regular"}

  8. Une fois l’opération terminée, cliquez sur la flèche Save et choisissez Save & Close.

    Le nouveau bloc s’affiche au bas de la liste dans la grille Blocs .

  9. Utilisez l’outil Widget pour placer le bloc terminé sur une page spécifique de votre boutique.

Suppression d’un bloc

Il existe deux manières de supprimer un bloc personnalisé. Vous pouvez le supprimer de la grille Blocs ou de la page Modifier le bloc.

Méthode 1 : supprimer un bloc de la grille Blocs

  1. Dans la barre latérale Admin, accédez à Content > Elements>Blocks.
  2. Localisez les blocs à l’aide de filtres au-dessus de la grille et cochez la case d’un ou de plusieurs blocs à supprimer.
  3. Dans le coin supérieur gauche de la liste, définissez Actions sur Delete.
  4. Pour confirmer l’action, cliquez sur OK.

Méthode 2 : supprimer un bloc de la page d’édition

  1. Dans la barre latérale Admin, accédez à Content > Elements>Blocks.
  2. Recherchez le bloc à supprimer.
  3. Dans la colonne Actions du bloc, cliquez sur Select et choisissez Edit.
  4. Dans la barre de menus, cliquez sur Delete Block.
  5. Pour confirmer l’action, cliquez sur OK.

Enregistrer le menu

Commande
Description
Save
Enregistrez le bloc actif et continuez à travailler.
Save & Duplicate
Enregistrez et fermez le bloc actif, puis ouvrez un nouveau doublon.
Save & Close
Enregistrez et fermez le bloc actif, puis revenez à la grille Blocs .

Ajouter un lightbox ou un curseur

  • Il est facile d’ajouter un curseur à votre boutique avec Page Builder. Le curseur peut être défini pour une lecture automatique ou contrôlé manuellement à l’aide des boutons de navigation.

    curseur du générateur de page {width="600" modal="regular"}

    Il existe également un large éventail de lightbox basés sur jQuery disponibles sur Commerce Marketplace, et certains sont gratuits.

  • Vous pouvez également télécharger une extension à partir de Commerce Marketplace. Pour obtenir de l’aide supplémentaire, consultez la documentation fournie par le développeur d’extensions.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de