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 le même contrôles de base comme la propriété Pages workspace pour vous aider à trouver les blocs disponibles et à effectuer une maintenance de routine. Une fois le bloc terminé, vous pouvez utiliser la variable 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 le Administration barre latérale, 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 to No.

  4. Attribuer une Titre du bloc pour référence interne.

  5. Attribution d’une Identifiant pour le bloc.

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

  6. Sélectionner chaque Store View où le bloc doit être disponible.

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

    • If Page Builder est activé, sélectionnez Edit with Page Builder pour utiliser les outils du Créateur de pages dans le contenu workspace.

      Espace de travail du créateur de pages {width="500" modal="regular"}

      note note
      NOTE
      Pour plus d’informations sur l’ajout de blocs à l’aide du générateur de pages, voir Tutoriel 2 : Blocs.
    • Utilisez la variable éditeur pour mettre en forme du texte, créer des liens et ajouter des tableaux, des images, de la vidéo et du contenu audio.

      Si vous préférez utiliser du 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 le Save flèche et choisissez Save & Close.

    Le nouveau bloc apparaît au bas de la liste dans la grille Blocs .

  9. Utilisez la variable Widget pour placer le bloc renseigné 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 Blocs ou à partir de la page de modification de bloc.

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

  1. Sur le Administration barre latérale, 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 to Delete.
  4. Pour confirmer l’action, cliquez sur OK.

Méthode 2 : supprimer un bloc de la page de modification

  1. Sur le Administration barre latérale, accédez à Content > Elements>Blocks.
  2. Recherchez le bloc à supprimer.
  3. Dans le Actions pour le 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 une curseur à votre boutique avec Page Builder. Le curseur peut être configuré pour une lecture automatique ou contrôlé manuellement à l’aide des boutons de navigation.

    Curseur du créateur de pages {width="600" modal="regular"}

    Il existe également un large éventail de Lightbox d’image basés sur jQuery disponibles sur Commerce Marketplaceet certains sont libres.

  • 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