Ajouter des blocs de contenu

Il est possible de créer des blocs de contenu personnalisés, puis de 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 contrôles de base que l’espace de travail Pages pour vous aider à trouver les blocs disponibles et à effectuer une maintenance de routine. Une fois le bloc terminé, vous pouvez utiliser l’outil Widget pour le placer sur des pages spécifiques de votre magasin.

La page Blocs affiche une grille de blocs existants

Création d’un bloc

  1. Sur 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 activé par défaut du nouveau bloc, définissez Activer le bloc sur No.

  4. Attribuez un titre du bloc à des fins de 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 Page Builder dans le contenu workspace.

      Espace de travail du générateur de page {width="500" modal="regular"}

      note note
      NOTE
      Pour plus d’informations sur l’ajout de blocs avec Page Builder, voir Tutoriel 2 : Blocs.
    • Utilisez l’ éditeur pour mettre en forme le texte, créer des liens et ajouter des tableaux, des images, de la vidéo et de l’audio.

      Si vous préférez utiliser du code d’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 apparaît 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 magasin.

Suppression d’un bloc

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

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

  1. Sur 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 correspondant à un ou 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 de modification

  1. Sur 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.
Commande
Description
Save
Enregistrez le bloc actuel et continuez à travailler.
Save & Duplicate
Enregistrez et fermez le bloc actuel, puis ouvrez une nouvelle copie en double.
Save & Close
Enregistrez et fermez le bloc courant, puis revenez à la grille Blocs .

Ajout d’un cadre lumineux ou d’un curseur

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

    Curseur du générateur de pages {width="600" modal="regular"}

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

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

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